ksk-design-system 2.6.4 → 2.8.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/MIGRATION.md +16 -0
- package/README.md +27 -1
- package/RELEASE.md +0 -4
- package/UPDATING.md +5 -0
- package/bin/lint.js +1 -1
- package/bin/product-theme-override.js +1 -1
- package/contracts/components.json +7 -4
- package/contracts/consumer-requests.json +25 -0
- package/contracts/product-theme-overrides.json +15 -0
- package/contracts/token-hex-cache.json +5 -1
- package/dist/index.js +457 -451
- package/dist/native/ui.js +559 -534
- package/dist/{native-BsJ3ntN3.js → native-_H0V_r0X.js} +30 -6
- package/dist/native.js +1 -1
- package/dist/types/components/patterns/commerce/bottom-tab-bar.d.ts +28 -0
- package/dist/types/native/components/Alert.d.ts +4 -1
- package/dist/types/native/components/StatCard.d.ts +8 -1
- package/dist/types/native/components/index.d.ts +1 -1
- package/dist/types/native/sheet-snap-gesture.d.ts +2 -0
- package/dist/types/tokens/native/themes.d.ts +24 -0
- package/package.json +10 -1
- package/src/components/COMPONENT_LOOKUP.md +1 -1
- package/src/preset-core.css +252 -0
- package/src/preset.css +7 -232
- package/src/styles/semantic.css +9 -0
- package/src/styles/source-safelist.css +4 -2
- package/tokens.json +5 -1
package/dist/index.js
CHANGED
|
@@ -5629,7 +5629,7 @@ var ic = /* @__PURE__ */ V("svg", {
|
|
|
5629
5629
|
]
|
|
5630
5630
|
});
|
|
5631
5631
|
function ac(e, t, n) {
|
|
5632
|
-
return G("flex h-
|
|
5632
|
+
return G("flex h-[var(--Field-Height-Md)] w-full items-center justify-between rounded-[var(--Field-Radius)] border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-[var(--Field-Padding-X-Md)] typo-body-md transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", e ? "border-[var(--Border-Accent-Primary)] ring-[3px] ring-[var(--Focus-High-Emphasis)]/50" : "border-[var(--Border-Medium-Emphasis)] hover:border-[var(--Border-High-Emphasis)]", "disabled:cursor-not-allowed disabled:opacity-50", t ? "text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Low-Emphasis)]", n);
|
|
5633
5633
|
}
|
|
5634
5634
|
function oc({ id: e, value: t, onChange: n, placeholder: r = "日付を選択", disabled: i = !1, className: a, dateFormat: o = "yyyy/MM/dd", triggerLabel: s, defaultMonth: c, min: l, max: u, "aria-describedby": f, "aria-invalid": p }) {
|
|
5635
5635
|
let [m, h] = d.useState(!1), g = t ? rc(t, o) : null, _ = d.useRef(!1);
|
|
@@ -5806,7 +5806,7 @@ function hc({ id: e, value: t, onChange: n, placeholder: r = "時刻を選択",
|
|
|
5806
5806
|
"aria-label": s ?? (b ? void 0 : r),
|
|
5807
5807
|
"aria-describedby": c,
|
|
5808
5808
|
"aria-invalid": l,
|
|
5809
|
-
className: G("flex h-
|
|
5809
|
+
className: G("flex h-[var(--Field-Height-Md)] w-full items-center justify-between rounded-[var(--Field-Radius)] border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-[var(--Field-Padding-X-Md)] typo-body-md transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", u ? "border-[var(--Border-Accent-Primary)] ring-[3px] ring-[var(--Focus-High-Emphasis)]/50" : "border-[var(--Border-Medium-Emphasis)] hover:border-[var(--Border-High-Emphasis)]", "disabled:cursor-not-allowed disabled:opacity-50", b ? "text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Low-Emphasis)]", o),
|
|
5810
5810
|
children: [/* @__PURE__ */ B("span", { children: b ?? r }), pc]
|
|
5811
5811
|
})
|
|
5812
5812
|
}), /* @__PURE__ */ B(tc, {
|
|
@@ -5912,7 +5912,7 @@ function bc({ options: e, value: t, onChange: n, placeholder: r = "選択して
|
|
|
5912
5912
|
disabled: o,
|
|
5913
5913
|
"aria-expanded": l,
|
|
5914
5914
|
"aria-label": c ?? r,
|
|
5915
|
-
className: G("flex h-
|
|
5915
|
+
className: G("flex h-[var(--Field-Height-Md)] w-full items-center justify-between rounded-[var(--Field-Radius)] border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-[var(--Field-Padding-X-Md)] typo-body-md transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", l ? "border-[var(--Border-Accent-Primary)] ring-[3px] ring-[var(--Focus-High-Emphasis)]/50" : "border-[var(--Border-Medium-Emphasis)] hover:border-[var(--Border-High-Emphasis)]", "disabled:cursor-not-allowed disabled:opacity-50", g ? "text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Low-Emphasis)]", s),
|
|
5916
5916
|
children: [/* @__PURE__ */ B("span", { children: g ? g.label : r }), /* @__PURE__ */ B("svg", {
|
|
5917
5917
|
width: "16",
|
|
5918
5918
|
height: "16",
|
|
@@ -11622,7 +11622,7 @@ var Zu = {
|
|
|
11622
11622
|
label: "Appleでログイン",
|
|
11623
11623
|
platform: "apple",
|
|
11624
11624
|
iconTone: "mono",
|
|
11625
|
-
className: "border-[var(--Brand-Apple)] text-[var(--
|
|
11625
|
+
className: "border-[var(--Brand-Apple-Surface)] text-[var(--Brand-on-Apple)] bg-[var(--Brand-Apple-Surface)] hover:opacity-90"
|
|
11626
11626
|
},
|
|
11627
11627
|
amazon: {
|
|
11628
11628
|
label: "Amazonでログイン",
|
|
@@ -13106,7 +13106,7 @@ function kf(e) {
|
|
|
13106
13106
|
}
|
|
13107
13107
|
function Af({ 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
13108
|
let m = kf(l);
|
|
13109
|
-
return o === "pill" ? /* @__PURE__ */ B(
|
|
13109
|
+
return o === "pill" ? /* @__PURE__ */ B(Nf, {
|
|
13110
13110
|
className: e,
|
|
13111
13111
|
items: t,
|
|
13112
13112
|
centerAction: n,
|
|
@@ -13143,14 +13143,22 @@ function jf({ className: e, items: t, keyboardState: n, style: r, navLabel: i =
|
|
|
13143
13143
|
...o,
|
|
13144
13144
|
children: /* @__PURE__ */ B("div", {
|
|
13145
13145
|
className: "flex h-14 items-center justify-around px-1",
|
|
13146
|
-
children: t.map((e) => /* @__PURE__ */ B(
|
|
13146
|
+
children: t.map((e) => /* @__PURE__ */ B(Pf, {
|
|
13147
13147
|
item: e,
|
|
13148
13148
|
compact: !1
|
|
13149
13149
|
}, e.label))
|
|
13150
13150
|
})
|
|
13151
13151
|
});
|
|
13152
13152
|
}
|
|
13153
|
-
function Mf(
|
|
13153
|
+
function Mf(e, t, n) {
|
|
13154
|
+
return {
|
|
13155
|
+
x: t.left - e.left - n.left,
|
|
13156
|
+
y: t.top - e.top - n.top,
|
|
13157
|
+
w: t.width,
|
|
13158
|
+
h: t.height
|
|
13159
|
+
};
|
|
13160
|
+
}
|
|
13161
|
+
function Nf({ 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: u, navLabel: f = "メインナビゲーション", showOnDesktop: p = !1, ...m }) {
|
|
13154
13162
|
let h = !!n || r === !0, g = r ?? !!n, _ = n ? Math.ceil(t.length / 2) : t.length, v = t.slice(0, _), y = t.slice(_), b = d.useRef(null), [x, S] = d.useState(null), [C, w] = d.useState(!1), T = d.useCallback(() => {
|
|
13155
13163
|
let e = b.current;
|
|
13156
13164
|
if (!e) return;
|
|
@@ -13160,14 +13168,12 @@ function Mf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
|
|
|
13160
13168
|
return;
|
|
13161
13169
|
}
|
|
13162
13170
|
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
|
|
13163
|
-
S((
|
|
13164
|
-
let
|
|
13165
|
-
|
|
13166
|
-
|
|
13167
|
-
|
|
13168
|
-
|
|
13169
|
-
};
|
|
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;
|
|
13171
|
+
S((t) => {
|
|
13172
|
+
let i = Mf(n, r, {
|
|
13173
|
+
left: e.clientLeft,
|
|
13174
|
+
top: e.clientTop
|
|
13175
|
+
});
|
|
13176
|
+
return t && Math.abs(t.x - i.x) < .5 && Math.abs(t.y - i.y) < .5 && Math.abs(t.w - i.w) < .5 && Math.abs(t.h - i.h) < .5 ? t : i;
|
|
13171
13177
|
});
|
|
13172
13178
|
}, []);
|
|
13173
13179
|
Of(T), d.useEffect(() => {
|
|
@@ -13215,15 +13221,15 @@ function Mf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
|
|
|
13215
13221
|
transform: `translate3d(${x.x}px, ${x.y}px, 0)`
|
|
13216
13222
|
}
|
|
13217
13223
|
}),
|
|
13218
|
-
v.map((e, t) => /* @__PURE__ */ B(
|
|
13224
|
+
v.map((e, t) => /* @__PURE__ */ B(Pf, {
|
|
13219
13225
|
item: e,
|
|
13220
13226
|
compact: !0,
|
|
13221
13227
|
showLabel: g,
|
|
13222
13228
|
tone: i,
|
|
13223
13229
|
suppressPlatter: x !== null
|
|
13224
13230
|
}, `${e.href ?? e.label}-${t}`)),
|
|
13225
|
-
n ? /* @__PURE__ */ B(
|
|
13226
|
-
y.map((e, t) => /* @__PURE__ */ B(
|
|
13231
|
+
n ? /* @__PURE__ */ B(Ff, { item: n }) : null,
|
|
13232
|
+
y.map((e, t) => /* @__PURE__ */ B(Pf, {
|
|
13227
13233
|
item: e,
|
|
13228
13234
|
compact: !0,
|
|
13229
13235
|
showLabel: g,
|
|
@@ -13233,7 +13239,7 @@ function Mf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
|
|
|
13233
13239
|
]
|
|
13234
13240
|
})] });
|
|
13235
13241
|
}
|
|
13236
|
-
function
|
|
13242
|
+
function Pf({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPlatter: i = !1 }) {
|
|
13237
13243
|
let a = e.href ? "a" : "button", o = e.href ? { href: e.href } : {
|
|
13238
13244
|
type: "button",
|
|
13239
13245
|
onClick: e.onClick
|
|
@@ -13263,7 +13269,7 @@ function Nf({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPl
|
|
|
13263
13269
|
})]
|
|
13264
13270
|
});
|
|
13265
13271
|
}
|
|
13266
|
-
function
|
|
13272
|
+
function Ff({ item: e }) {
|
|
13267
13273
|
let t = e.href ? "a" : "button", n = e.href ? { href: e.href } : {
|
|
13268
13274
|
type: "button",
|
|
13269
13275
|
onClick: e.onClick
|
|
@@ -13287,7 +13293,7 @@ function Pf({ item: e }) {
|
|
|
13287
13293
|
}
|
|
13288
13294
|
//#endregion
|
|
13289
13295
|
//#region src/components/patterns/commerce/mobile-tab-bar.tsx
|
|
13290
|
-
function
|
|
13296
|
+
function If() {
|
|
13291
13297
|
return /* @__PURE__ */ B("span", {
|
|
13292
13298
|
"data-global-nav-add-icon": !0,
|
|
13293
13299
|
"aria-hidden": "true",
|
|
@@ -13299,7 +13305,7 @@ function Ff() {
|
|
|
13299
13305
|
})
|
|
13300
13306
|
});
|
|
13301
13307
|
}
|
|
13302
|
-
function
|
|
13308
|
+
function Lf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition: i = "center", showOnDesktop: a = !1, className: o }) {
|
|
13303
13309
|
let s = d.useCallback((e) => {
|
|
13304
13310
|
let t = e.target;
|
|
13305
13311
|
t instanceof Element && t.closest("button, a")?.blur();
|
|
@@ -13322,8 +13328,8 @@ function If({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
|
|
|
13322
13328
|
}), l = r ? {
|
|
13323
13329
|
label: "",
|
|
13324
13330
|
ariaLabel: r.ariaLabel ?? r.label,
|
|
13325
|
-
icon: /* @__PURE__ */ B(
|
|
13326
|
-
activeIcon: /* @__PURE__ */ B(
|
|
13331
|
+
icon: /* @__PURE__ */ B(If, {}),
|
|
13332
|
+
activeIcon: /* @__PURE__ */ B(If, {}),
|
|
13327
13333
|
onClick: r.onClick
|
|
13328
13334
|
} : void 0;
|
|
13329
13335
|
return /* @__PURE__ */ B(Af, {
|
|
@@ -13341,7 +13347,7 @@ function If({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
|
|
|
13341
13347
|
}
|
|
13342
13348
|
//#endregion
|
|
13343
13349
|
//#region src/components/patterns/chip.tsx
|
|
13344
|
-
var
|
|
13350
|
+
var Rf = 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)]", {
|
|
13345
13351
|
variants: {
|
|
13346
13352
|
variant: {
|
|
13347
13353
|
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)]",
|
|
@@ -13367,7 +13373,7 @@ var Lf = H("inline-flex items-center justify-center gap-1.5 whitespace-nowrap cu
|
|
|
13367
13373
|
shape: "pill"
|
|
13368
13374
|
}
|
|
13369
13375
|
});
|
|
13370
|
-
function
|
|
13376
|
+
function zf({ 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 }) {
|
|
13371
13377
|
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", {
|
|
13372
13378
|
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)]"),
|
|
13373
13379
|
children: f
|
|
@@ -13403,7 +13409,7 @@ function Rf({ className: e, id: t, style: n, title: r, variant: i = "filled", si
|
|
|
13403
13409
|
tile: "h-12 w-11"
|
|
13404
13410
|
}[v], O = y === "square" || v === "tile" ? "rounded-r-sm" : y === "rounded" ? "rounded-r-lg" : "rounded-r-[var(--Chip-Radius)]";
|
|
13405
13411
|
if (u) {
|
|
13406
|
-
let l = G("relative",
|
|
13412
|
+
let l = G("relative", Rf({
|
|
13407
13413
|
variant: i,
|
|
13408
13414
|
size: a,
|
|
13409
13415
|
shape: o
|
|
@@ -13448,7 +13454,7 @@ function Rf({ className: e, id: t, style: n, title: r, variant: i = "filled", si
|
|
|
13448
13454
|
"data-slot": "chip",
|
|
13449
13455
|
"data-variant": i,
|
|
13450
13456
|
"data-selected": c || void 0,
|
|
13451
|
-
className: G("relative",
|
|
13457
|
+
className: G("relative", Rf({
|
|
13452
13458
|
variant: i,
|
|
13453
13459
|
size: a,
|
|
13454
13460
|
shape: o
|
|
@@ -13465,7 +13471,7 @@ function Rf({ className: e, id: t, style: n, title: r, variant: i = "filled", si
|
|
|
13465
13471
|
"data-sold-out": g || void 0,
|
|
13466
13472
|
"aria-pressed": c === void 0 ? void 0 : c,
|
|
13467
13473
|
disabled: _,
|
|
13468
|
-
className: G("relative",
|
|
13474
|
+
className: G("relative", Rf({
|
|
13469
13475
|
variant: i,
|
|
13470
13476
|
size: a,
|
|
13471
13477
|
shape: o
|
|
@@ -13476,14 +13482,14 @@ function Rf({ className: e, id: t, style: n, title: r, variant: i = "filled", si
|
|
|
13476
13482
|
}
|
|
13477
13483
|
//#endregion
|
|
13478
13484
|
//#region src/components/patterns/chip-selector.tsx
|
|
13479
|
-
var
|
|
13485
|
+
var Bf = () => {
|
|
13480
13486
|
let e = globalThis.process;
|
|
13481
13487
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
13482
13488
|
};
|
|
13483
|
-
function
|
|
13489
|
+
function Vf(e) {
|
|
13484
13490
|
return Array.from(e.querySelectorAll("button[data-slot=\"chip\"]")).filter((t) => t.closest("[data-slot=\"chip-selector\"]") === e);
|
|
13485
13491
|
}
|
|
13486
|
-
function
|
|
13492
|
+
function Hf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode: i, max: a, size: o = "md", className: s }) {
|
|
13487
13493
|
let c = i ? i === "multiple" : r, l = !c, u = d.useRef(null), f = Array.isArray(t), p = d.useMemo(() => f ? t : t == null ? [] : [t], [f, t]), m = d.useCallback((e) => {
|
|
13488
13494
|
if (l && !f) {
|
|
13489
13495
|
n(e[0] ?? null);
|
|
@@ -13510,10 +13516,10 @@ function Vf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
|
|
|
13510
13516
|
return d.useEffect(() => {
|
|
13511
13517
|
let e = u.current;
|
|
13512
13518
|
if (!l || !e) return;
|
|
13513
|
-
let t =
|
|
13519
|
+
let t = Vf(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
|
|
13514
13520
|
t.forEach((e, t) => {
|
|
13515
13521
|
e.tabIndex = t === r ? 0 : -1;
|
|
13516
|
-
}),
|
|
13522
|
+
}), Bf() && p.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${p.length} 個あります。value を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
13517
13523
|
}), /* @__PURE__ */ B("div", {
|
|
13518
13524
|
"data-slot": "chip-selector",
|
|
13519
13525
|
ref: u,
|
|
@@ -13524,7 +13530,7 @@ function Vf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
|
|
|
13524
13530
|
if (t === 0) return;
|
|
13525
13531
|
let n = u.current;
|
|
13526
13532
|
if (!n) return;
|
|
13527
|
-
let r =
|
|
13533
|
+
let r = Vf(n).filter((e) => !e.disabled), i = e.target?.closest("button[data-slot=\"chip\"]"), a = i ? r.indexOf(i) : -1;
|
|
13528
13534
|
if (a < 0 || r.length === 0) return;
|
|
13529
13535
|
e.preventDefault();
|
|
13530
13536
|
let o = r[(a + t + r.length) % r.length];
|
|
@@ -13532,10 +13538,10 @@ function Vf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
|
|
|
13532
13538
|
e.tabIndex = e === o ? 0 : -1;
|
|
13533
13539
|
}), o.focus(), o.getAttribute("aria-checked") !== "true" && o.click();
|
|
13534
13540
|
},
|
|
13535
|
-
className: G("flex flex-wrap gap-2", s),
|
|
13541
|
+
className: G("flex flex-wrap gap-x-2 gap-y-0", s),
|
|
13536
13542
|
children: e.map((e) => {
|
|
13537
13543
|
let t = p.includes(e.value), n = !t && !!a && p.length >= a;
|
|
13538
|
-
return /* @__PURE__ */ V(
|
|
13544
|
+
return /* @__PURE__ */ V(zf, {
|
|
13539
13545
|
size: o,
|
|
13540
13546
|
variant: t ? "accent" : "outline",
|
|
13541
13547
|
selected: t,
|
|
@@ -13556,7 +13562,7 @@ function Vf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
|
|
|
13556
13562
|
}
|
|
13557
13563
|
//#endregion
|
|
13558
13564
|
//#region src/components/patterns/collapsible-chip-field.tsx
|
|
13559
|
-
function
|
|
13565
|
+
function Uf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
|
|
13560
13566
|
let u = r != null && r !== "", [f, p] = d.useState({
|
|
13561
13567
|
selected: r,
|
|
13562
13568
|
forced: !1
|
|
@@ -13630,7 +13636,7 @@ function Hf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
13630
13636
|
role: g ? "radiogroup" : void 0,
|
|
13631
13637
|
"aria-label": g ? y : void 0,
|
|
13632
13638
|
className: "flex gap-2 flex-1 flex-wrap min-h-11 items-center",
|
|
13633
|
-
children: _.map((e, t) => /* @__PURE__ */ V(
|
|
13639
|
+
children: _.map((e, t) => /* @__PURE__ */ V(zf, {
|
|
13634
13640
|
size: "md",
|
|
13635
13641
|
"data-value": e,
|
|
13636
13642
|
selected: !m && r === e,
|
|
@@ -13655,8 +13661,8 @@ function Hf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
13655
13661
|
}
|
|
13656
13662
|
//#endregion
|
|
13657
13663
|
//#region src/components/patterns/chip-filter-bar.tsx
|
|
13658
|
-
var
|
|
13659
|
-
function
|
|
13664
|
+
var Wf = (e) => `${e.toLocaleString("ja-JP")}件`;
|
|
13665
|
+
function Gf({ children: e, resultCount: t, resultCountLabel: n = Wf, sticky: r = !1, stickyOffset: i = 0, bare: a = !1, className: o }) {
|
|
13660
13666
|
return a ? /* @__PURE__ */ B(z, { children: e }) : /* @__PURE__ */ V("div", {
|
|
13661
13667
|
"data-slot": "chip-filter-bar",
|
|
13662
13668
|
className: o,
|
|
@@ -13672,7 +13678,7 @@ function Wf({ children: e, resultCount: t, resultCountLabel: n = Uf, sticky: r =
|
|
|
13672
13678
|
}
|
|
13673
13679
|
//#endregion
|
|
13674
13680
|
//#region src/components/patterns/banner.tsx
|
|
13675
|
-
var
|
|
13681
|
+
var Kf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)] p-4", {
|
|
13676
13682
|
variants: { variant: {
|
|
13677
13683
|
info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
|
|
13678
13684
|
success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
|
|
@@ -13681,11 +13687,11 @@ var Gf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)]
|
|
|
13681
13687
|
} },
|
|
13682
13688
|
defaultVariants: { variant: "info" }
|
|
13683
13689
|
});
|
|
13684
|
-
function
|
|
13690
|
+
function qf({ className: e, variant: t, icon: n, title: r, description: i, action: a, children: o, ...s }) {
|
|
13685
13691
|
return /* @__PURE__ */ V("div", {
|
|
13686
13692
|
"data-slot": "banner",
|
|
13687
13693
|
role: "alert",
|
|
13688
|
-
className: G(
|
|
13694
|
+
className: G(Kf({ variant: t }), e),
|
|
13689
13695
|
...s,
|
|
13690
13696
|
children: [
|
|
13691
13697
|
n && /* @__PURE__ */ B("div", {
|
|
@@ -13715,7 +13721,7 @@ function Kf({ className: e, variant: t, icon: n, title: r, description: i, actio
|
|
|
13715
13721
|
}
|
|
13716
13722
|
//#endregion
|
|
13717
13723
|
//#region src/components/patterns/empty-state.tsx
|
|
13718
|
-
function
|
|
13724
|
+
function Jf({ 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 }) {
|
|
13719
13725
|
let p = u === "inline", m = i ?? (a ? /* @__PURE__ */ V(K, {
|
|
13720
13726
|
...c,
|
|
13721
13727
|
onClick: c?.onClick ?? (l ? () => l() : void 0),
|
|
@@ -13754,7 +13760,7 @@ function qf({ className: e, icon: t, title: n, description: r, action: i, action
|
|
|
13754
13760
|
}
|
|
13755
13761
|
//#endregion
|
|
13756
13762
|
//#region src/components/patterns/error-state.tsx
|
|
13757
|
-
function
|
|
13763
|
+
function Yf({ className: e, "aria-hidden": t = !0, ...n }) {
|
|
13758
13764
|
return /* @__PURE__ */ V("svg", {
|
|
13759
13765
|
...n,
|
|
13760
13766
|
"data-slot": "not-found-illustration",
|
|
@@ -13811,8 +13817,8 @@ function Jf({ className: e, "aria-hidden": t = !0, ...n }) {
|
|
|
13811
13817
|
]
|
|
13812
13818
|
});
|
|
13813
13819
|
}
|
|
13814
|
-
function
|
|
13815
|
-
let l = t === "notFound", u = n === void 0 && l ? /* @__PURE__ */ B(
|
|
13820
|
+
function Xf({ className: e, kind: t = "error", icon: n, title: r, description: i, action: a, onRetry: o, retryLabel: s = "再試行", ...c }) {
|
|
13821
|
+
let l = t === "notFound", u = n === void 0 && l ? /* @__PURE__ */ B(Yf, {}) : n, d = r ?? (l ? "ページが見つかりません" : "エラーが発生しました"), f = i ?? (l ? "お探しのページは移動または削除された可能性があります。" : "しばらくしてからもう一度お試しください");
|
|
13816
13822
|
return /* @__PURE__ */ V("div", {
|
|
13817
13823
|
"data-slot": "error-state",
|
|
13818
13824
|
"data-kind": t,
|
|
@@ -13845,7 +13851,7 @@ function Yf({ className: e, kind: t = "error", icon: n, title: r, description: i
|
|
|
13845
13851
|
}
|
|
13846
13852
|
//#endregion
|
|
13847
13853
|
//#region src/components/patterns/prose.tsx
|
|
13848
|
-
function
|
|
13854
|
+
function Zf({ sections: e, className: t, ...n }) {
|
|
13849
13855
|
return /* @__PURE__ */ B("div", {
|
|
13850
13856
|
"data-slot": "prose",
|
|
13851
13857
|
className: G("flex flex-col gap-6", t),
|
|
@@ -13864,7 +13870,7 @@ function Xf({ sections: e, className: t, ...n }) {
|
|
|
13864
13870
|
}
|
|
13865
13871
|
//#endregion
|
|
13866
13872
|
//#region src/components/patterns/document-page.tsx
|
|
13867
|
-
function
|
|
13873
|
+
function Qf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
|
|
13868
13874
|
return /* @__PURE__ */ V("main", {
|
|
13869
13875
|
"data-slot": "document-page",
|
|
13870
13876
|
className: G("mx-auto flex w-full max-w-2xl flex-col px-4 py-10", r),
|
|
@@ -13886,7 +13892,7 @@ function Zf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
|
|
|
13886
13892
|
}
|
|
13887
13893
|
//#endregion
|
|
13888
13894
|
//#region src/components/patterns/form-field.tsx
|
|
13889
|
-
function
|
|
13895
|
+
function $f({ className: e, label: t, htmlFor: n, required: r, error: i, description: a, requiredStyle: o = "asterisk", endLabel: s, children: c, ...l }) {
|
|
13890
13896
|
let u = s != null, f = d.useId(), p = `${f}-desc`, m = `${f}-err`, h = [i ? m : null, a != null && !i ? p : null].filter(Boolean).join(" ") || void 0, g = d.isValidElement(c) ? d.cloneElement(c, {
|
|
13891
13897
|
"aria-invalid": i ? !0 : c.props["aria-invalid"],
|
|
13892
13898
|
"aria-describedby": [c.props["aria-describedby"], h].filter(Boolean).join(" ") || void 0
|
|
@@ -13955,21 +13961,21 @@ function Qf({ className: e, label: t, htmlFor: n, required: r, error: i, descrip
|
|
|
13955
13961
|
}
|
|
13956
13962
|
//#endregion
|
|
13957
13963
|
//#region src/components/patterns/field.tsx
|
|
13958
|
-
function
|
|
13964
|
+
function ep({ className: e, ...t }) {
|
|
13959
13965
|
return /* @__PURE__ */ B("fieldset", {
|
|
13960
13966
|
"data-slot": "field-set",
|
|
13961
13967
|
className: G("m-0 flex min-w-0 flex-col gap-6 border-0 p-0", e),
|
|
13962
13968
|
...t
|
|
13963
13969
|
});
|
|
13964
13970
|
}
|
|
13965
|
-
function
|
|
13971
|
+
function tp({ className: e, ...t }) {
|
|
13966
13972
|
return /* @__PURE__ */ B("legend", {
|
|
13967
13973
|
"data-slot": "field-legend",
|
|
13968
13974
|
className: G("typo-heading-md text-[var(--Text-High-Emphasis)]", e),
|
|
13969
13975
|
...t
|
|
13970
13976
|
});
|
|
13971
13977
|
}
|
|
13972
|
-
function
|
|
13978
|
+
function np({ className: e, ...t }) {
|
|
13973
13979
|
return /* @__PURE__ */ B("div", {
|
|
13974
13980
|
...t,
|
|
13975
13981
|
"data-slot": "field-group",
|
|
@@ -13977,14 +13983,14 @@ function tp({ className: e, ...t }) {
|
|
|
13977
13983
|
className: G("flex min-w-0 flex-col gap-4", e)
|
|
13978
13984
|
});
|
|
13979
13985
|
}
|
|
13980
|
-
function
|
|
13986
|
+
function rp({ className: e, ...t }) {
|
|
13981
13987
|
return /* @__PURE__ */ B("p", {
|
|
13982
13988
|
"data-slot": "field-description",
|
|
13983
13989
|
className: G("typo-body-sm text-[var(--Text-Low-Emphasis)]", e),
|
|
13984
13990
|
...t
|
|
13985
13991
|
});
|
|
13986
13992
|
}
|
|
13987
|
-
function
|
|
13993
|
+
function ip({ className: e, children: t, ...n }) {
|
|
13988
13994
|
return d.Children.toArray(t).length === 0 ? null : /* @__PURE__ */ B("p", {
|
|
13989
13995
|
...n,
|
|
13990
13996
|
"data-slot": "field-error",
|
|
@@ -13993,7 +13999,7 @@ function rp({ className: e, children: t, ...n }) {
|
|
|
13993
13999
|
children: t
|
|
13994
14000
|
});
|
|
13995
14001
|
}
|
|
13996
|
-
function
|
|
14002
|
+
function ap({ className: e, children: t, ...n }) {
|
|
13997
14003
|
let r = d.Children.toArray(t).length > 0;
|
|
13998
14004
|
return /* @__PURE__ */ V("div", {
|
|
13999
14005
|
"data-slot": "field-separator",
|
|
@@ -14007,7 +14013,7 @@ function ip({ className: e, children: t, ...n }) {
|
|
|
14007
14013
|
}
|
|
14008
14014
|
//#endregion
|
|
14009
14015
|
//#region src/components/patterns/list-item.tsx
|
|
14010
|
-
function
|
|
14016
|
+
function op({ 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 }) {
|
|
14011
14017
|
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: [
|
|
14012
14018
|
t && /* @__PURE__ */ B("div", {
|
|
14013
14019
|
className: "shrink-0",
|
|
@@ -14109,7 +14115,7 @@ function ap({ className: e, leftSlot: t, rightSlot: n, bottomSlot: r, footerSlot
|
|
|
14109
14115
|
}
|
|
14110
14116
|
//#endregion
|
|
14111
14117
|
//#region src/components/patterns/settings-section.tsx
|
|
14112
|
-
function
|
|
14118
|
+
function sp({ className: e, title: t, description: n, action: r, variant: i = "group", children: a, ...o }) {
|
|
14113
14119
|
let s = i === "card" || i === "danger";
|
|
14114
14120
|
return /* @__PURE__ */ V("section", {
|
|
14115
14121
|
"data-slot": "settings-section",
|
|
@@ -14140,7 +14146,7 @@ function op({ className: e, title: t, description: n, action: r, variant: i = "g
|
|
|
14140
14146
|
})]
|
|
14141
14147
|
});
|
|
14142
14148
|
}
|
|
14143
|
-
function
|
|
14149
|
+
function cp({ className: e, title: t, description: n, leading: r, rightSlot: i, interactive: a = !1, disabled: o = !1, destructive: s = !1, onClick: c, children: l, ...u }) {
|
|
14144
14150
|
let d = /* @__PURE__ */ V(z, { children: [
|
|
14145
14151
|
r && /* @__PURE__ */ B("div", {
|
|
14146
14152
|
"data-slot": "settings-list-row-leading",
|
|
@@ -14189,25 +14195,25 @@ function sp({ className: e, title: t, description: n, leading: r, rightSlot: i,
|
|
|
14189
14195
|
}
|
|
14190
14196
|
//#endregion
|
|
14191
14197
|
//#region src/components/patterns/notification-badge.tsx
|
|
14192
|
-
var
|
|
14198
|
+
var lp = {
|
|
14193
14199
|
xs: "size-1.5 min-w-0 px-0",
|
|
14194
14200
|
sm: "min-w-4 h-4 px-1 typo-label-xs",
|
|
14195
14201
|
default: "min-w-5 h-5 px-1.5 typo-label-xs"
|
|
14196
14202
|
};
|
|
14197
|
-
function
|
|
14203
|
+
function up({ className: e, count: t, max: n = 99, size: r = "default", ...i }) {
|
|
14198
14204
|
if (t <= 0) return null;
|
|
14199
14205
|
let a = t > n ? `${n}+` : t;
|
|
14200
14206
|
return /* @__PURE__ */ B("span", {
|
|
14201
14207
|
"data-slot": "notification-badge",
|
|
14202
14208
|
"data-size": r,
|
|
14203
|
-
className: G("inline-flex items-center justify-center rounded-full", "bg-[var(--Caution-Base)] text-[var(--Text-on-Inverse)]",
|
|
14209
|
+
className: G("inline-flex items-center justify-center rounded-full", "bg-[var(--Caution-Base)] text-[var(--Text-on-Inverse)]", lp[r], e),
|
|
14204
14210
|
...i,
|
|
14205
14211
|
children: r !== "xs" && a
|
|
14206
14212
|
});
|
|
14207
14213
|
}
|
|
14208
14214
|
//#endregion
|
|
14209
14215
|
//#region src/components/patterns/progress-steps.tsx
|
|
14210
|
-
function
|
|
14216
|
+
function dp({ className: e, steps: t, currentStep: n, ...r }) {
|
|
14211
14217
|
return /* @__PURE__ */ B("div", {
|
|
14212
14218
|
"data-slot": "progress-steps",
|
|
14213
14219
|
className: G("flex items-start overflow-x-auto", e),
|
|
@@ -14246,7 +14252,7 @@ function up({ className: e, steps: t, currentStep: n, ...r }) {
|
|
|
14246
14252
|
}
|
|
14247
14253
|
//#endregion
|
|
14248
14254
|
//#region src/components/patterns/search-bar.tsx
|
|
14249
|
-
function
|
|
14255
|
+
function fp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onCompositionStart: i, onCompositionEnd: a, ...o }) {
|
|
14250
14256
|
let s = d.useRef(!1), c = d.useRef(!1), l = d.useRef(null);
|
|
14251
14257
|
d.useEffect(() => () => {
|
|
14252
14258
|
l.current !== null && clearTimeout(l.current);
|
|
@@ -14311,7 +14317,7 @@ function dp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onComposi
|
|
|
14311
14317
|
}
|
|
14312
14318
|
//#endregion
|
|
14313
14319
|
//#region src/components/patterns/section-header.tsx
|
|
14314
|
-
function
|
|
14320
|
+
function pp({ className: e, title: t, description: n, action: r, ...i }) {
|
|
14315
14321
|
return /* @__PURE__ */ V("div", {
|
|
14316
14322
|
"data-slot": "section-header",
|
|
14317
14323
|
className: G("flex items-center justify-between gap-4", e),
|
|
@@ -14333,7 +14339,7 @@ function fp({ className: e, title: t, description: n, action: r, ...i }) {
|
|
|
14333
14339
|
}
|
|
14334
14340
|
//#endregion
|
|
14335
14341
|
//#region src/components/patterns/stat-card.tsx
|
|
14336
|
-
var
|
|
14342
|
+
var mp = {
|
|
14337
14343
|
default: {
|
|
14338
14344
|
card: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
|
|
14339
14345
|
icon: "text-[var(--Object-Medium-Emphasis)]",
|
|
@@ -14360,8 +14366,8 @@ var pp = {
|
|
|
14360
14366
|
hoverBg: "hover:brightness-[0.98]"
|
|
14361
14367
|
}
|
|
14362
14368
|
};
|
|
14363
|
-
function
|
|
14364
|
-
let u =
|
|
14369
|
+
function hp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, variant: o = "default", interactive: s, onClick: c, ...l }) {
|
|
14370
|
+
let u = mp[o], d = s ?? !!c;
|
|
14365
14371
|
return /* @__PURE__ */ V(d ? "button" : "div", {
|
|
14366
14372
|
type: d ? "button" : void 0,
|
|
14367
14373
|
"data-slot": "stat-card",
|
|
@@ -14412,7 +14418,7 @@ function mp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, vari
|
|
|
14412
14418
|
}
|
|
14413
14419
|
//#endregion
|
|
14414
14420
|
//#region src/lib/categorical.ts
|
|
14415
|
-
var
|
|
14421
|
+
var gp = {
|
|
14416
14422
|
1: "bg-[var(--Categorical-1-Subtle)] text-[var(--Categorical-1-Bold)]",
|
|
14417
14423
|
2: "bg-[var(--Categorical-2-Subtle)] text-[var(--Categorical-2-Bold)]",
|
|
14418
14424
|
3: "bg-[var(--Categorical-3-Subtle)] text-[var(--Categorical-3-Bold)]",
|
|
@@ -14429,7 +14435,7 @@ var hp = {
|
|
|
14429
14435
|
14: "bg-[var(--Categorical-14-Subtle)] text-[var(--Categorical-14-Bold)]",
|
|
14430
14436
|
15: "bg-[var(--Categorical-15-Subtle)] text-[var(--Categorical-15-Bold)]",
|
|
14431
14437
|
16: "bg-[var(--Categorical-16-Subtle)] text-[var(--Categorical-16-Bold)]"
|
|
14432
|
-
},
|
|
14438
|
+
}, _p = {
|
|
14433
14439
|
1: "bg-[var(--Categorical-1)]",
|
|
14434
14440
|
2: "bg-[var(--Categorical-2)]",
|
|
14435
14441
|
3: "bg-[var(--Categorical-3)]",
|
|
@@ -14447,15 +14453,15 @@ var hp = {
|
|
|
14447
14453
|
15: "bg-[var(--Categorical-15)]",
|
|
14448
14454
|
16: "bg-[var(--Categorical-16)]"
|
|
14449
14455
|
};
|
|
14450
|
-
function
|
|
14451
|
-
return t === "dot" ?
|
|
14456
|
+
function vp(e, t = "surface") {
|
|
14457
|
+
return t === "dot" ? _p[e] : gp[e];
|
|
14452
14458
|
}
|
|
14453
|
-
function
|
|
14459
|
+
function yp(e, t = "base") {
|
|
14454
14460
|
return t === "subtle" ? `var(--Categorical-${e}-Subtle)` : t === "bold" ? `var(--Categorical-${e}-Bold)` : `var(--Categorical-${e})`;
|
|
14455
14461
|
}
|
|
14456
14462
|
//#endregion
|
|
14457
14463
|
//#region src/components/patterns/tag.tsx
|
|
14458
|
-
var
|
|
14464
|
+
var bp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whitespace-nowrap", {
|
|
14459
14465
|
variants: { variant: {
|
|
14460
14466
|
default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
|
|
14461
14467
|
brand: "bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
|
|
@@ -14466,21 +14472,21 @@ var yp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whites
|
|
|
14466
14472
|
} },
|
|
14467
14473
|
defaultVariants: { variant: "default" }
|
|
14468
14474
|
});
|
|
14469
|
-
function
|
|
14475
|
+
function xp({ className: e, variant: t, categorical: n, dot: r = !1, children: i, ...a }) {
|
|
14470
14476
|
return /* @__PURE__ */ V("span", {
|
|
14471
14477
|
"data-slot": "tag",
|
|
14472
14478
|
"data-categorical": n,
|
|
14473
|
-
className: G(
|
|
14479
|
+
className: G(bp({ variant: t }), n && gp[n], n && r && "gap-1", e),
|
|
14474
14480
|
...a,
|
|
14475
14481
|
children: [n && r && /* @__PURE__ */ B("span", {
|
|
14476
14482
|
"aria-hidden": "true",
|
|
14477
|
-
className: G("inline-block size-2 shrink-0 rounded-full",
|
|
14483
|
+
className: G("inline-block size-2 shrink-0 rounded-full", _p[n])
|
|
14478
14484
|
}), i]
|
|
14479
14485
|
});
|
|
14480
14486
|
}
|
|
14481
14487
|
//#endregion
|
|
14482
14488
|
//#region src/components/ui/toast.tsx
|
|
14483
|
-
var
|
|
14489
|
+
var Sp = 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", {
|
|
14484
14490
|
variants: { variant: {
|
|
14485
14491
|
default: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
|
|
14486
14492
|
success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
|
|
@@ -14489,15 +14495,15 @@ var xp = H("relative flex w-full items-center gap-3 overflow-hidden rounded-lg b
|
|
|
14489
14495
|
info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]"
|
|
14490
14496
|
} },
|
|
14491
14497
|
defaultVariants: { variant: "default" }
|
|
14492
|
-
}),
|
|
14493
|
-
function
|
|
14494
|
-
return
|
|
14498
|
+
}), Cp = 0;
|
|
14499
|
+
function wp() {
|
|
14500
|
+
return Cp += 1, `t${Date.now().toString(36)}-${Cp.toString(36)}`;
|
|
14495
14501
|
}
|
|
14496
14502
|
var $ = {
|
|
14497
14503
|
toasts: [],
|
|
14498
14504
|
listeners: /* @__PURE__ */ new Set(),
|
|
14499
14505
|
add(e) {
|
|
14500
|
-
let t =
|
|
14506
|
+
let t = wp(), n = {
|
|
14501
14507
|
id: t,
|
|
14502
14508
|
...e
|
|
14503
14509
|
};
|
|
@@ -14514,52 +14520,52 @@ var $ = {
|
|
|
14514
14520
|
$.listeners.delete(e);
|
|
14515
14521
|
};
|
|
14516
14522
|
}
|
|
14517
|
-
},
|
|
14523
|
+
}, Tp = {
|
|
14518
14524
|
region: "通知",
|
|
14519
14525
|
close: "閉じる"
|
|
14520
14526
|
};
|
|
14521
|
-
function
|
|
14522
|
-
e.regionLabel !== void 0 && (
|
|
14523
|
-
}
|
|
14524
|
-
var Ep = 0, Dp = /* @__PURE__ */ new Set();
|
|
14525
|
-
function Op(e) {
|
|
14526
|
-
Ep += e, Dp.forEach((e) => e());
|
|
14527
|
+
function Ep(e) {
|
|
14528
|
+
e.regionLabel !== void 0 && (Tp.region = e.regionLabel), e.closeLabel !== void 0 && (Tp.close = e.closeLabel);
|
|
14527
14529
|
}
|
|
14530
|
+
var Dp = 0, Op = /* @__PURE__ */ new Set();
|
|
14528
14531
|
function kp(e) {
|
|
14529
|
-
|
|
14530
|
-
|
|
14532
|
+
Dp += e, Op.forEach((e) => e());
|
|
14533
|
+
}
|
|
14534
|
+
function Ap(e) {
|
|
14535
|
+
return Op.add(e), () => {
|
|
14536
|
+
Op.delete(e);
|
|
14531
14537
|
};
|
|
14532
14538
|
}
|
|
14533
|
-
var
|
|
14534
|
-
function
|
|
14535
|
-
let e = d.useCallback((e) => $.subscribe(e), []), t = d.useCallback(() => $.toasts, []), n = d.useCallback(() =>
|
|
14539
|
+
var jp = Object.freeze([]);
|
|
14540
|
+
function Mp() {
|
|
14541
|
+
let e = d.useCallback((e) => $.subscribe(e), []), t = d.useCallback(() => $.toasts, []), n = d.useCallback(() => jp, []);
|
|
14536
14542
|
return d.useSyncExternalStore(e, t, n);
|
|
14537
14543
|
}
|
|
14538
|
-
var
|
|
14539
|
-
function Fp() {
|
|
14540
|
-
return d.useSyncExternalStore(Mp, Np, Pp);
|
|
14541
|
-
}
|
|
14544
|
+
var Np = () => () => {}, Pp = () => !0, Fp = () => !1;
|
|
14542
14545
|
function Ip() {
|
|
14543
|
-
|
|
14546
|
+
return d.useSyncExternalStore(Np, Pp, Fp);
|
|
14547
|
+
}
|
|
14548
|
+
function Lp() {
|
|
14549
|
+
let e = d.useCallback((e) => Ap(e), []), t = d.useCallback(() => Dp > 0, []), n = d.useCallback(() => !1, []);
|
|
14544
14550
|
return d.useSyncExternalStore(e, t, n);
|
|
14545
14551
|
}
|
|
14546
|
-
var
|
|
14547
|
-
function
|
|
14548
|
-
return d.useContext(
|
|
14552
|
+
var Rp = d.createContext(null);
|
|
14553
|
+
function zp() {
|
|
14554
|
+
return d.useContext(Rp) ?? { toast: (e) => $.add(e) };
|
|
14549
14555
|
}
|
|
14550
|
-
function
|
|
14551
|
-
let n =
|
|
14552
|
-
return !
|
|
14556
|
+
function Bp({ regionLabel: e, closeLabel: t } = {}) {
|
|
14557
|
+
let n = Mp();
|
|
14558
|
+
return !Ip() || typeof document > "u" ? null : ve(/* @__PURE__ */ B("div", {
|
|
14553
14559
|
"data-slot": "toast-viewport",
|
|
14554
14560
|
role: "region",
|
|
14555
|
-
"aria-label": e ??
|
|
14561
|
+
"aria-label": e ?? Tp.region,
|
|
14556
14562
|
"aria-live": "polite",
|
|
14557
14563
|
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",
|
|
14558
14564
|
children: n.map((e) => /* @__PURE__ */ V("div", {
|
|
14559
14565
|
"data-slot": "toast",
|
|
14560
14566
|
"data-variant": e.variant ?? "default",
|
|
14561
14567
|
role: e.variant === "caution" ? "alert" : void 0,
|
|
14562
|
-
className: G(
|
|
14568
|
+
className: G(Sp({ variant: e.variant })),
|
|
14563
14569
|
children: [
|
|
14564
14570
|
/* @__PURE__ */ V("div", {
|
|
14565
14571
|
className: "flex-1 min-w-0",
|
|
@@ -14581,7 +14587,7 @@ function zp({ regionLabel: e, closeLabel: t } = {}) {
|
|
|
14581
14587
|
"data-slot": "button",
|
|
14582
14588
|
onClick: () => $.dismiss(e.id),
|
|
14583
14589
|
className: "shrink-0 text-[var(--Object-Medium-Emphasis)] hover:text-[var(--Object-High-Emphasis)] cursor-pointer",
|
|
14584
|
-
"aria-label": t ??
|
|
14590
|
+
"aria-label": t ?? Tp.close,
|
|
14585
14591
|
children: /* @__PURE__ */ B("svg", {
|
|
14586
14592
|
width: "16",
|
|
14587
14593
|
height: "16",
|
|
@@ -14599,29 +14605,29 @@ function zp({ regionLabel: e, closeLabel: t } = {}) {
|
|
|
14599
14605
|
}, e.id))
|
|
14600
14606
|
}), document.body);
|
|
14601
14607
|
}
|
|
14602
|
-
function
|
|
14603
|
-
d.useEffect(() => (
|
|
14608
|
+
function Vp({ children: e, regionLabel: t, closeLabel: n }) {
|
|
14609
|
+
d.useEffect(() => (kp(1), () => kp(-1)), []);
|
|
14604
14610
|
let r = d.useCallback((e) => {
|
|
14605
14611
|
$.add(e);
|
|
14606
14612
|
}, []);
|
|
14607
|
-
return /* @__PURE__ */ V(
|
|
14613
|
+
return /* @__PURE__ */ V(Rp.Provider, {
|
|
14608
14614
|
value: { toast: r },
|
|
14609
|
-
children: [e, /* @__PURE__ */ B(
|
|
14615
|
+
children: [e, /* @__PURE__ */ B(Bp, {
|
|
14610
14616
|
regionLabel: t,
|
|
14611
14617
|
closeLabel: n
|
|
14612
14618
|
})]
|
|
14613
14619
|
});
|
|
14614
14620
|
}
|
|
14615
|
-
function
|
|
14616
|
-
return
|
|
14621
|
+
function Hp() {
|
|
14622
|
+
return Lp() ? null : /* @__PURE__ */ B(Bp, {});
|
|
14617
14623
|
}
|
|
14618
|
-
var
|
|
14619
|
-
function
|
|
14620
|
-
if (typeof window > "u" || typeof document > "u" ||
|
|
14624
|
+
var Up = null;
|
|
14625
|
+
function Wp() {
|
|
14626
|
+
if (typeof window > "u" || typeof document > "u" || Up) return;
|
|
14621
14627
|
if (!document.body) {
|
|
14622
|
-
|
|
14628
|
+
Up = new Promise((e) => {
|
|
14623
14629
|
let t = () => {
|
|
14624
|
-
document.body ? (
|
|
14630
|
+
document.body ? (Up = null, Wp(), e()) : window.setTimeout(t, 0);
|
|
14625
14631
|
};
|
|
14626
14632
|
t();
|
|
14627
14633
|
});
|
|
@@ -14629,12 +14635,12 @@ function Up() {
|
|
|
14629
14635
|
}
|
|
14630
14636
|
if (document.querySelector("[data-ksk-toast-auto-root]")) return;
|
|
14631
14637
|
let e = document.createElement("div");
|
|
14632
|
-
e.setAttribute("data-ksk-toast-auto-root", ""), document.body.appendChild(e),
|
|
14633
|
-
t(e).render(/* @__PURE__ */ B(
|
|
14638
|
+
e.setAttribute("data-ksk-toast-auto-root", ""), document.body.appendChild(e), Up = import("react-dom/client").then(({ createRoot: t }) => {
|
|
14639
|
+
t(e).render(/* @__PURE__ */ B(Hp, {}));
|
|
14634
14640
|
});
|
|
14635
14641
|
}
|
|
14636
|
-
function
|
|
14637
|
-
return typeof window > "u" ? "" : (
|
|
14642
|
+
function Gp(e, t = {}, n) {
|
|
14643
|
+
return typeof window > "u" ? "" : (Wp(), $.add({
|
|
14638
14644
|
title: e,
|
|
14639
14645
|
description: t.description,
|
|
14640
14646
|
variant: n ?? t.variant,
|
|
@@ -14642,11 +14648,11 @@ function Wp(e, t = {}, n) {
|
|
|
14642
14648
|
action: t.action
|
|
14643
14649
|
}));
|
|
14644
14650
|
}
|
|
14645
|
-
var
|
|
14646
|
-
|
|
14651
|
+
var Kp = ((e, t) => Gp(e, t));
|
|
14652
|
+
Kp.success = (e, t) => Gp(e, t, "success"), Kp.error = (e, t) => Gp(e, t, "caution"), Kp.info = (e, t) => Gp(e, t, "info"), Kp.warning = (e, t) => Gp(e, t, "warning"), Kp.caution = (e, t) => Gp(e, t, "caution"), Kp.connectionRestored = (e) => Gp("接続が復旧しました", e, "success"), Kp.saveComplete = (e) => Gp("保存しました", e, "success"), Kp.retryStarted = (e) => Gp("再試行を開始しました", e, "info"), Kp.retryFailed = (e) => Gp("再試行できませんでした", e, "caution"), Kp.dismiss = (e) => $.dismiss(e);
|
|
14647
14653
|
//#endregion
|
|
14648
14654
|
//#region src/components/ui/skip-link.tsx
|
|
14649
|
-
function
|
|
14655
|
+
function qp({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
|
|
14650
14656
|
let a = (t) => {
|
|
14651
14657
|
if (r?.(t), t.defaultPrevented) return;
|
|
14652
14658
|
let n = document.getElementById(e);
|
|
@@ -14663,7 +14669,7 @@ function Kp({ targetId: e, label: t = "コンテンツへ移動", className: n,
|
|
|
14663
14669
|
}
|
|
14664
14670
|
//#endregion
|
|
14665
14671
|
//#region src/components/ui/container.tsx
|
|
14666
|
-
var
|
|
14672
|
+
var Jp = H("mx-auto w-full", {
|
|
14667
14673
|
variants: {
|
|
14668
14674
|
size: {
|
|
14669
14675
|
narrow: "max-w-3xl",
|
|
@@ -14683,12 +14689,12 @@ var qp = H("mx-auto w-full", {
|
|
|
14683
14689
|
gutter: "default"
|
|
14684
14690
|
}
|
|
14685
14691
|
});
|
|
14686
|
-
function
|
|
14692
|
+
function Yp({ className: e, size: t, gutter: n, ...r }) {
|
|
14687
14693
|
return /* @__PURE__ */ B("div", {
|
|
14688
14694
|
"data-slot": "container",
|
|
14689
14695
|
"data-size": t ?? "page",
|
|
14690
14696
|
"data-gutter": n ?? "default",
|
|
14691
|
-
className: G(
|
|
14697
|
+
className: G(Jp({
|
|
14692
14698
|
size: t,
|
|
14693
14699
|
gutter: n
|
|
14694
14700
|
}), e),
|
|
@@ -14697,7 +14703,7 @@ function Jp({ className: e, size: t, gutter: n, ...r }) {
|
|
|
14697
14703
|
}
|
|
14698
14704
|
//#endregion
|
|
14699
14705
|
//#region src/components/ui/section.tsx
|
|
14700
|
-
var
|
|
14706
|
+
var Xp = H("w-full", {
|
|
14701
14707
|
variants: {
|
|
14702
14708
|
spacing: {
|
|
14703
14709
|
sm: "py-[var(--Space-Section-xs)]",
|
|
@@ -14716,12 +14722,12 @@ var Yp = H("w-full", {
|
|
|
14716
14722
|
background: "none"
|
|
14717
14723
|
}
|
|
14718
14724
|
});
|
|
14719
|
-
function
|
|
14725
|
+
function Zp({ as: e = "section", className: t, spacing: n, background: r, ...i }) {
|
|
14720
14726
|
return /* @__PURE__ */ B(e, {
|
|
14721
14727
|
"data-slot": "section",
|
|
14722
14728
|
"data-spacing": n ?? "md",
|
|
14723
14729
|
"data-background": r ?? "none",
|
|
14724
|
-
className: G(
|
|
14730
|
+
className: G(Xp({
|
|
14725
14731
|
spacing: n,
|
|
14726
14732
|
background: r
|
|
14727
14733
|
}), t),
|
|
@@ -14730,13 +14736,13 @@ function Xp({ as: e = "section", className: t, spacing: n, background: r, ...i }
|
|
|
14730
14736
|
}
|
|
14731
14737
|
//#endregion
|
|
14732
14738
|
//#region src/components/patterns/shells/admin-shell.tsx
|
|
14733
|
-
function
|
|
14739
|
+
function Qp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i = "w-64", mainId: a = "main-content", skipLink: o = !0, skipLinkLabel: s = "コンテンツへ移動", ...c }) {
|
|
14734
14740
|
return /* @__PURE__ */ V("div", {
|
|
14735
14741
|
"data-slot": "admin-shell",
|
|
14736
14742
|
className: G("flex h-screen bg-[var(--Surface-Secondary)]", e),
|
|
14737
14743
|
...c,
|
|
14738
14744
|
children: [
|
|
14739
|
-
o && s && /* @__PURE__ */ B(
|
|
14745
|
+
o && s && /* @__PURE__ */ B(qp, {
|
|
14740
14746
|
targetId: a,
|
|
14741
14747
|
label: s
|
|
14742
14748
|
}),
|
|
@@ -14753,7 +14759,7 @@ function Zp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
|
|
|
14753
14759
|
children: [n && /* @__PURE__ */ B("header", {
|
|
14754
14760
|
"data-slot": "admin-header",
|
|
14755
14761
|
className: "h-16 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
|
|
14756
|
-
children: /* @__PURE__ */ B(
|
|
14762
|
+
children: /* @__PURE__ */ B(Yp, {
|
|
14757
14763
|
size: "fluid",
|
|
14758
14764
|
className: "flex h-full items-center gap-4",
|
|
14759
14765
|
children: n
|
|
@@ -14763,7 +14769,7 @@ function Zp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
|
|
|
14763
14769
|
tabIndex: -1,
|
|
14764
14770
|
"data-slot": "admin-main",
|
|
14765
14771
|
className: "flex-1 overflow-auto",
|
|
14766
|
-
children: /* @__PURE__ */ B(
|
|
14772
|
+
children: /* @__PURE__ */ B(Yp, {
|
|
14767
14773
|
size: "fluid",
|
|
14768
14774
|
className: "py-[var(--Product-Page-Padding-Y)]",
|
|
14769
14775
|
children: r
|
|
@@ -14775,20 +14781,20 @@ function Zp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
|
|
|
14775
14781
|
}
|
|
14776
14782
|
//#endregion
|
|
14777
14783
|
//#region src/components/patterns/shells/app-shell.tsx
|
|
14778
|
-
function
|
|
14784
|
+
function $p({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
|
|
14779
14785
|
return /* @__PURE__ */ V("div", {
|
|
14780
14786
|
"data-slot": "app-shell",
|
|
14781
14787
|
className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
|
|
14782
14788
|
...s,
|
|
14783
14789
|
children: [
|
|
14784
|
-
i && a && /* @__PURE__ */ B(
|
|
14790
|
+
i && a && /* @__PURE__ */ B(qp, {
|
|
14785
14791
|
targetId: r,
|
|
14786
14792
|
label: a
|
|
14787
14793
|
}),
|
|
14788
14794
|
t && /* @__PURE__ */ B("header", {
|
|
14789
14795
|
"data-slot": "app-topbar",
|
|
14790
14796
|
className: "sticky top-0 z-[var(--Z-Nav)] h-14 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
|
|
14791
|
-
children: /* @__PURE__ */ B(
|
|
14797
|
+
children: /* @__PURE__ */ B(Yp, {
|
|
14792
14798
|
size: "fluid",
|
|
14793
14799
|
gutter: "tight",
|
|
14794
14800
|
className: "flex h-full items-center",
|
|
@@ -14812,20 +14818,20 @@ function Qp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content",
|
|
|
14812
14818
|
}
|
|
14813
14819
|
//#endregion
|
|
14814
14820
|
//#region src/components/patterns/shells/marketing-shell.tsx
|
|
14815
|
-
function
|
|
14821
|
+
function em({ className: e, header: t, footer: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
|
|
14816
14822
|
return /* @__PURE__ */ V("div", {
|
|
14817
14823
|
"data-slot": "marketing-shell",
|
|
14818
14824
|
className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
|
|
14819
14825
|
...s,
|
|
14820
14826
|
children: [
|
|
14821
|
-
i && a && /* @__PURE__ */ B(
|
|
14827
|
+
i && a && /* @__PURE__ */ B(qp, {
|
|
14822
14828
|
targetId: r,
|
|
14823
14829
|
label: a
|
|
14824
14830
|
}),
|
|
14825
14831
|
t && /* @__PURE__ */ B("header", {
|
|
14826
14832
|
"data-slot": "marketing-header",
|
|
14827
14833
|
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",
|
|
14828
|
-
children: /* @__PURE__ */ B(
|
|
14834
|
+
children: /* @__PURE__ */ B(Yp, {
|
|
14829
14835
|
size: "fluid",
|
|
14830
14836
|
gutter: "spacious",
|
|
14831
14837
|
className: "flex h-full items-center justify-between",
|
|
@@ -14839,13 +14845,13 @@ function $p({ className: e, header: t, footer: n, mainId: r = "main-content", sk
|
|
|
14839
14845
|
className: "flex-1",
|
|
14840
14846
|
children: o
|
|
14841
14847
|
}),
|
|
14842
|
-
n && /* @__PURE__ */ B(
|
|
14848
|
+
n && /* @__PURE__ */ B(Zp, {
|
|
14843
14849
|
as: "footer",
|
|
14844
14850
|
spacing: "md",
|
|
14845
14851
|
background: "subtle",
|
|
14846
14852
|
"data-slot": "marketing-footer",
|
|
14847
14853
|
className: "border-t border-[var(--Border-Low-Emphasis)]",
|
|
14848
|
-
children: /* @__PURE__ */ B(
|
|
14854
|
+
children: /* @__PURE__ */ B(Yp, {
|
|
14849
14855
|
size: "fluid",
|
|
14850
14856
|
gutter: "spacious",
|
|
14851
14857
|
children: n
|
|
@@ -14856,7 +14862,7 @@ function $p({ className: e, header: t, footer: n, mainId: r = "main-content", sk
|
|
|
14856
14862
|
}
|
|
14857
14863
|
//#endregion
|
|
14858
14864
|
//#region src/components/patterns/form.tsx
|
|
14859
|
-
function
|
|
14865
|
+
function tm({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
|
|
14860
14866
|
return /* @__PURE__ */ B("form", {
|
|
14861
14867
|
"data-slot": "form",
|
|
14862
14868
|
className: G("flex flex-col gap-6", e),
|
|
@@ -14866,7 +14872,7 @@ function em({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
|
|
|
14866
14872
|
...r
|
|
14867
14873
|
});
|
|
14868
14874
|
}
|
|
14869
|
-
function
|
|
14875
|
+
function nm({ className: e, title: t, description: n, children: r, ...i }) {
|
|
14870
14876
|
return /* @__PURE__ */ V("fieldset", {
|
|
14871
14877
|
"data-slot": "form-section",
|
|
14872
14878
|
className: G("flex flex-col gap-4", e),
|
|
@@ -14883,7 +14889,7 @@ function tm({ className: e, title: t, description: n, children: r, ...i }) {
|
|
|
14883
14889
|
}), r]
|
|
14884
14890
|
});
|
|
14885
14891
|
}
|
|
14886
|
-
function
|
|
14892
|
+
function rm({ className: e, ...t }) {
|
|
14887
14893
|
return /* @__PURE__ */ B("div", {
|
|
14888
14894
|
"data-slot": "form-actions",
|
|
14889
14895
|
className: G("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-3 pt-4", e),
|
|
@@ -14892,7 +14898,7 @@ function nm({ className: e, ...t }) {
|
|
|
14892
14898
|
}
|
|
14893
14899
|
//#endregion
|
|
14894
14900
|
//#region src/components/patterns/commerce/price-display.tsx
|
|
14895
|
-
var
|
|
14901
|
+
var im = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]", {
|
|
14896
14902
|
variants: { size: {
|
|
14897
14903
|
sm: "typo-label-md",
|
|
14898
14904
|
md: "typo-label-lg",
|
|
@@ -14900,18 +14906,18 @@ var rm = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]"
|
|
|
14900
14906
|
xl: "typo-heading-3xl"
|
|
14901
14907
|
} },
|
|
14902
14908
|
defaultVariants: { size: "md" }
|
|
14903
|
-
}),
|
|
14909
|
+
}), am = {
|
|
14904
14910
|
sm: "typo-body-xs",
|
|
14905
14911
|
md: "typo-body-sm",
|
|
14906
14912
|
lg: "typo-body-md",
|
|
14907
14913
|
xl: "typo-body-lg"
|
|
14908
|
-
},
|
|
14914
|
+
}, om = {
|
|
14909
14915
|
sm: "typo-body-xs",
|
|
14910
14916
|
md: "typo-body-xs",
|
|
14911
14917
|
lg: "typo-body-sm",
|
|
14912
14918
|
xl: "typo-body-lg"
|
|
14913
14919
|
};
|
|
14914
|
-
function
|
|
14920
|
+
function sm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabel: i = !0, currency: a = "¥", size: o = "md", ...s }) {
|
|
14915
14921
|
let c = (e) => e.toLocaleString("ja-JP"), l = r != null && r > t, u = n != null && n > t, d = o ?? "md";
|
|
14916
14922
|
return /* @__PURE__ */ V("div", {
|
|
14917
14923
|
"data-slot": "price-display",
|
|
@@ -14921,11 +14927,11 @@ function om({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
|
|
|
14921
14927
|
...s,
|
|
14922
14928
|
children: [l && /* @__PURE__ */ V("span", {
|
|
14923
14929
|
"aria-hidden": !0,
|
|
14924
|
-
className: G("text-[var(--Text-Low-Emphasis)] line-through",
|
|
14930
|
+
className: G("text-[var(--Text-Low-Emphasis)] line-through", am[d]),
|
|
14925
14931
|
children: [a, c(r)]
|
|
14926
14932
|
}), /* @__PURE__ */ V("span", {
|
|
14927
14933
|
"aria-hidden": !0,
|
|
14928
|
-
className: G(
|
|
14934
|
+
className: G(im({ size: o }), l && "text-[var(--Text-Caution)]"),
|
|
14929
14935
|
children: [u ? /* @__PURE__ */ V(z, { children: [
|
|
14930
14936
|
a,
|
|
14931
14937
|
c(t),
|
|
@@ -14933,7 +14939,7 @@ function om({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
|
|
|
14933
14939
|
a,
|
|
14934
14940
|
c(n)
|
|
14935
14941
|
] }) : /* @__PURE__ */ V(z, { children: [a, c(t)] }), i && /* @__PURE__ */ B("span", {
|
|
14936
|
-
className: G("ml-0.5 text-[var(--Text-Low-Emphasis)]",
|
|
14942
|
+
className: G("ml-0.5 text-[var(--Text-Low-Emphasis)]", om[d]),
|
|
14937
14943
|
children: "税込"
|
|
14938
14944
|
})]
|
|
14939
14945
|
})]
|
|
@@ -14941,7 +14947,7 @@ function om({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
|
|
|
14941
14947
|
}
|
|
14942
14948
|
//#endregion
|
|
14943
14949
|
//#region src/components/patterns/commerce/rating-display.tsx
|
|
14944
|
-
function
|
|
14950
|
+
function cm({ size: e = 14, className: t }) {
|
|
14945
14951
|
return /* @__PURE__ */ B("svg", {
|
|
14946
14952
|
width: e,
|
|
14947
14953
|
height: e,
|
|
@@ -14952,7 +14958,7 @@ function sm({ size: e = 14, className: t }) {
|
|
|
14952
14958
|
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" })
|
|
14953
14959
|
});
|
|
14954
14960
|
}
|
|
14955
|
-
var
|
|
14961
|
+
var lm = {
|
|
14956
14962
|
sm: {
|
|
14957
14963
|
icon: 12,
|
|
14958
14964
|
val: "typo-label-sm",
|
|
@@ -14969,8 +14975,8 @@ var cm = {
|
|
|
14969
14975
|
cnt: "typo-body-md"
|
|
14970
14976
|
}
|
|
14971
14977
|
};
|
|
14972
|
-
function
|
|
14973
|
-
let s = Math.max(0, Math.min(5, t)), { icon: c, val: l, cnt: u } =
|
|
14978
|
+
function um({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount: i = !0, showValue: a = !0, ...o }) {
|
|
14979
|
+
let s = Math.max(0, Math.min(5, t)), { icon: c, val: l, cnt: u } = lm[r];
|
|
14974
14980
|
return /* @__PURE__ */ V("div", {
|
|
14975
14981
|
"data-slot": "rating-display",
|
|
14976
14982
|
className: G("inline-flex items-center gap-0.5", e),
|
|
@@ -14978,7 +14984,7 @@ function lm({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
|
|
|
14978
14984
|
"aria-label": `評価 ${s.toFixed(1)} / 5${n == null ? "" : ` (${n}件)`}`,
|
|
14979
14985
|
...o,
|
|
14980
14986
|
children: [
|
|
14981
|
-
/* @__PURE__ */ B(
|
|
14987
|
+
/* @__PURE__ */ B(cm, {
|
|
14982
14988
|
size: c,
|
|
14983
14989
|
className: "text-[var(--Object-High-Emphasis)]"
|
|
14984
14990
|
}),
|
|
@@ -14999,7 +15005,7 @@ function lm({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
|
|
|
14999
15005
|
}
|
|
15000
15006
|
//#endregion
|
|
15001
15007
|
//#region src/components/patterns/commerce/quantity-selector.tsx
|
|
15002
|
-
function
|
|
15008
|
+
function dm({ size: e = 14 }) {
|
|
15003
15009
|
return /* @__PURE__ */ B("svg", {
|
|
15004
15010
|
width: e,
|
|
15005
15011
|
height: e,
|
|
@@ -15013,7 +15019,7 @@ function um({ size: e = 14 }) {
|
|
|
15013
15019
|
})
|
|
15014
15020
|
});
|
|
15015
15021
|
}
|
|
15016
|
-
function
|
|
15022
|
+
function fm({ size: e = 14 }) {
|
|
15017
15023
|
return /* @__PURE__ */ B("svg", {
|
|
15018
15024
|
width: e,
|
|
15019
15025
|
height: e,
|
|
@@ -15027,7 +15033,7 @@ function dm({ size: e = 14 }) {
|
|
|
15027
15033
|
})
|
|
15028
15034
|
});
|
|
15029
15035
|
}
|
|
15030
|
-
function
|
|
15036
|
+
function pm({ size: e = 14 }) {
|
|
15031
15037
|
return /* @__PURE__ */ B("svg", {
|
|
15032
15038
|
width: e,
|
|
15033
15039
|
height: e,
|
|
@@ -15042,7 +15048,7 @@ function fm({ size: e = 14 }) {
|
|
|
15042
15048
|
})
|
|
15043
15049
|
});
|
|
15044
15050
|
}
|
|
15045
|
-
function
|
|
15051
|
+
function mm({ 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 }) {
|
|
15046
15052
|
let m = s && t <= n, h = t > n && !a, g = t < r && !a, _ = () => {
|
|
15047
15053
|
if (m) {
|
|
15048
15054
|
c?.();
|
|
@@ -15065,7 +15071,7 @@ function pm({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
|
|
|
15065
15071
|
onClick: _,
|
|
15066
15072
|
disabled: !(h || m && !a),
|
|
15067
15073
|
"aria-label": m ? f : u,
|
|
15068
|
-
children: B(m ?
|
|
15074
|
+
children: B(m ? pm : dm, { size: 14 })
|
|
15069
15075
|
}),
|
|
15070
15076
|
/* @__PURE__ */ B("span", {
|
|
15071
15077
|
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)]"),
|
|
@@ -15078,7 +15084,7 @@ function pm({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
|
|
|
15078
15084
|
onClick: v,
|
|
15079
15085
|
disabled: !g,
|
|
15080
15086
|
"aria-label": d,
|
|
15081
|
-
children: /* @__PURE__ */ B(
|
|
15087
|
+
children: /* @__PURE__ */ B(fm, { size: 14 })
|
|
15082
15088
|
})
|
|
15083
15089
|
]
|
|
15084
15090
|
}) : /* @__PURE__ */ V("div", {
|
|
@@ -15094,7 +15100,7 @@ function pm({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
|
|
|
15094
15100
|
onClick: _,
|
|
15095
15101
|
disabled: !(h || m && !a),
|
|
15096
15102
|
"aria-label": m ? f : u,
|
|
15097
|
-
children: B(m ?
|
|
15103
|
+
children: B(m ? pm : dm, { size: 18 })
|
|
15098
15104
|
}),
|
|
15099
15105
|
/* @__PURE__ */ B("span", {
|
|
15100
15106
|
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)]"),
|
|
@@ -15107,14 +15113,14 @@ function pm({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
|
|
|
15107
15113
|
onClick: v,
|
|
15108
15114
|
disabled: !g,
|
|
15109
15115
|
"aria-label": d,
|
|
15110
|
-
children: /* @__PURE__ */ B(
|
|
15116
|
+
children: /* @__PURE__ */ B(fm, { size: 18 })
|
|
15111
15117
|
})
|
|
15112
15118
|
]
|
|
15113
15119
|
});
|
|
15114
15120
|
}
|
|
15115
15121
|
//#endregion
|
|
15116
15122
|
//#region src/components/patterns/commerce/order-summary.tsx
|
|
15117
|
-
function
|
|
15123
|
+
function hm({ className: e, lineItems: t, totalLabel: n = "合計(税込)", totalValue: r, ctaLabel: i, onCTAClick: a, ctaDisabled: o = !1, fixed: s = !1, ...c }) {
|
|
15118
15124
|
let l = /* @__PURE__ */ V("div", {
|
|
15119
15125
|
className: "space-y-3 px-4 py-3",
|
|
15120
15126
|
children: [
|
|
@@ -15157,7 +15163,7 @@ function mm({ className: e, lineItems: t, totalLabel: n = "合計(税込)",
|
|
|
15157
15163
|
}
|
|
15158
15164
|
//#endregion
|
|
15159
15165
|
//#region src/components/patterns/commerce/product-card.tsx
|
|
15160
|
-
function
|
|
15166
|
+
function gm({ filled: e = !1, size: t = 20 }) {
|
|
15161
15167
|
return /* @__PURE__ */ B("svg", {
|
|
15162
15168
|
width: t,
|
|
15163
15169
|
height: t,
|
|
@@ -15170,7 +15176,7 @@ function hm({ filled: e = !1, size: t = 20 }) {
|
|
|
15170
15176
|
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" })
|
|
15171
15177
|
});
|
|
15172
15178
|
}
|
|
15173
|
-
function
|
|
15179
|
+
function _m({ label: e, variant: t = "default" }) {
|
|
15174
15180
|
return /* @__PURE__ */ B("span", {
|
|
15175
15181
|
className: G("inline-flex items-center rounded-sm px-1.5 py-0.5 typo-label-xs", {
|
|
15176
15182
|
default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
|
|
@@ -15181,7 +15187,7 @@ function gm({ label: e, variant: t = "default" }) {
|
|
|
15181
15187
|
children: e
|
|
15182
15188
|
});
|
|
15183
15189
|
}
|
|
15184
|
-
function
|
|
15190
|
+
function vm({ 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 }) {
|
|
15185
15191
|
let x = a && a > i ? Math.round((a - i) / a * 100) : null, S = f ? /* @__PURE__ */ B("a", {
|
|
15186
15192
|
href: f,
|
|
15187
15193
|
"data-slot": "card-link",
|
|
@@ -15225,7 +15231,7 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15225
15231
|
e.preventDefault(), e.stopPropagation(), d();
|
|
15226
15232
|
},
|
|
15227
15233
|
"aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
|
|
15228
|
-
children: /* @__PURE__ */ B(
|
|
15234
|
+
children: /* @__PURE__ */ B(gm, {
|
|
15229
15235
|
filled: u,
|
|
15230
15236
|
size: 16
|
|
15231
15237
|
})
|
|
@@ -15247,12 +15253,12 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15247
15253
|
className: "mt-1 space-y-0.5",
|
|
15248
15254
|
children: [/* @__PURE__ */ B("div", {
|
|
15249
15255
|
className: "flex flex-wrap items-center gap-2",
|
|
15250
|
-
children: o != null && /* @__PURE__ */ B(
|
|
15256
|
+
children: o != null && /* @__PURE__ */ B(um, {
|
|
15251
15257
|
rating: o,
|
|
15252
15258
|
reviewCount: s,
|
|
15253
15259
|
size: "sm"
|
|
15254
15260
|
})
|
|
15255
|
-
}), /* @__PURE__ */ B(
|
|
15261
|
+
}), /* @__PURE__ */ B(sm, {
|
|
15256
15262
|
price: i,
|
|
15257
15263
|
originalPrice: a,
|
|
15258
15264
|
size: "sm",
|
|
@@ -15285,10 +15291,10 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15285
15291
|
}),
|
|
15286
15292
|
/* @__PURE__ */ V("div", {
|
|
15287
15293
|
className: "absolute inset-x-1 bottom-1 z-[3] flex flex-wrap gap-1",
|
|
15288
|
-
children: [x && /* @__PURE__ */ B(
|
|
15294
|
+
children: [x && /* @__PURE__ */ B(_m, {
|
|
15289
15295
|
label: `${x}%OFF`,
|
|
15290
15296
|
variant: "caution"
|
|
15291
|
-
}), l.map((e) => /* @__PURE__ */ B(
|
|
15297
|
+
}), l.map((e) => /* @__PURE__ */ B(_m, { ...e }, e.label))]
|
|
15292
15298
|
})
|
|
15293
15299
|
]
|
|
15294
15300
|
}), d && /* @__PURE__ */ B("div", {
|
|
@@ -15300,7 +15306,7 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15300
15306
|
e.preventDefault(), e.stopPropagation(), d();
|
|
15301
15307
|
},
|
|
15302
15308
|
"aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
|
|
15303
|
-
children: /* @__PURE__ */ B(
|
|
15309
|
+
children: /* @__PURE__ */ B(gm, {
|
|
15304
15310
|
filled: u,
|
|
15305
15311
|
size: 20
|
|
15306
15312
|
})
|
|
@@ -15318,12 +15324,12 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15318
15324
|
className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]",
|
|
15319
15325
|
children: t
|
|
15320
15326
|
}),
|
|
15321
|
-
o != null && /* @__PURE__ */ B(
|
|
15327
|
+
o != null && /* @__PURE__ */ B(um, {
|
|
15322
15328
|
rating: o,
|
|
15323
15329
|
reviewCount: s,
|
|
15324
15330
|
size: "sm"
|
|
15325
15331
|
}),
|
|
15326
|
-
/* @__PURE__ */ B(
|
|
15332
|
+
/* @__PURE__ */ B(sm, {
|
|
15327
15333
|
price: i,
|
|
15328
15334
|
originalPrice: a,
|
|
15329
15335
|
size: "md",
|
|
@@ -15345,12 +15351,12 @@ function _m({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
|
|
|
15345
15351
|
}
|
|
15346
15352
|
//#endregion
|
|
15347
15353
|
//#region src/components/patterns/commerce/product-carousel.tsx
|
|
15348
|
-
var
|
|
15354
|
+
var ym = {
|
|
15349
15355
|
sm: "w-40",
|
|
15350
15356
|
md: "w-[200px]",
|
|
15351
15357
|
lg: "w-[240px]"
|
|
15352
15358
|
};
|
|
15353
|
-
function
|
|
15359
|
+
function bm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "もっと見る", onMoreClick: a, products: o, cardSize: s = "sm", showRanking: c = !1, showCartButton: l = !1, ...u }) {
|
|
15354
15360
|
return /* @__PURE__ */ V("section", {
|
|
15355
15361
|
"data-slot": "product-carousel",
|
|
15356
15362
|
className: G("py-4", e),
|
|
@@ -15372,8 +15378,8 @@ function ym({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
|
|
|
15372
15378
|
}), /* @__PURE__ */ V("div", {
|
|
15373
15379
|
className: G("flex overflow-x-auto pl-4 pb-2 gap-3 scrollbar-hide", l && "items-stretch"),
|
|
15374
15380
|
children: [o.map((e, t) => /* @__PURE__ */ B("div", {
|
|
15375
|
-
className: G("shrink-0",
|
|
15376
|
-
children: /* @__PURE__ */ B(
|
|
15381
|
+
className: G("shrink-0", ym[s]),
|
|
15382
|
+
children: /* @__PURE__ */ B(vm, {
|
|
15377
15383
|
...e,
|
|
15378
15384
|
ranking: c ? t + 1 : e.ranking,
|
|
15379
15385
|
showCartButton: l,
|
|
@@ -15388,7 +15394,7 @@ function ym({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
|
|
|
15388
15394
|
}
|
|
15389
15395
|
//#endregion
|
|
15390
15396
|
//#region src/components/patterns/_internal/carousel-primitives.tsx
|
|
15391
|
-
function
|
|
15397
|
+
function xm({ total: e, autoPlay: t, paused: n = !1 }) {
|
|
15392
15398
|
let r = d.useRef(null), [i, a] = d.useState(0);
|
|
15393
15399
|
d.useEffect(() => {
|
|
15394
15400
|
let e = r.current;
|
|
@@ -15439,7 +15445,7 @@ function bm({ total: e, autoPlay: t, paused: n = !1 }) {
|
|
|
15439
15445
|
scrollRef: r
|
|
15440
15446
|
};
|
|
15441
15447
|
}
|
|
15442
|
-
function
|
|
15448
|
+
function Sm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, onNext: a, onGoTo: o, previousLabel: s = "前へ", nextLabel: c = "次へ" }) {
|
|
15443
15449
|
return /* @__PURE__ */ V(z, { children: [n && t > 1 && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("button", {
|
|
15444
15450
|
type: "button",
|
|
15445
15451
|
onClick: i,
|
|
@@ -15475,8 +15481,8 @@ function xm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, on
|
|
|
15475
15481
|
}
|
|
15476
15482
|
//#endregion
|
|
15477
15483
|
//#region src/components/patterns/commerce/image-carousel.tsx
|
|
15478
|
-
function
|
|
15479
|
-
let u = e.length, { active: d, goTo: f, next: p, previous: m, scrollRef: h } =
|
|
15484
|
+
function Cm({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows: r = !0, autoPlay: i = 0, regionLabel: a = "画像カルーセル", previousLabel: o = "前へ", nextLabel: s = "次へ", className: c, ...l }) {
|
|
15485
|
+
let u = e.length, { active: d, goTo: f, next: p, previous: m, scrollRef: h } = xm({
|
|
15480
15486
|
total: u,
|
|
15481
15487
|
autoPlay: i
|
|
15482
15488
|
}), g = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : "aspect-[2/1]";
|
|
@@ -15511,7 +15517,7 @@ function Sm({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
|
|
|
15511
15517
|
className: G("w-full rounded-lg object-cover", g)
|
|
15512
15518
|
})
|
|
15513
15519
|
}, t))
|
|
15514
|
-
}), /* @__PURE__ */ B(
|
|
15520
|
+
}), /* @__PURE__ */ B(Sm, {
|
|
15515
15521
|
active: d,
|
|
15516
15522
|
total: u,
|
|
15517
15523
|
showArrows: r,
|
|
@@ -15526,7 +15532,7 @@ function Sm({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
|
|
|
15526
15532
|
}
|
|
15527
15533
|
//#endregion
|
|
15528
15534
|
//#region src/components/patterns/commerce/filter-bar.tsx
|
|
15529
|
-
function
|
|
15535
|
+
function wm({ filter: e }) {
|
|
15530
15536
|
let [t, n] = d.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", {
|
|
15531
15537
|
width: "16",
|
|
15532
15538
|
height: "16",
|
|
@@ -15580,7 +15586,7 @@ function Cm({ filter: e }) {
|
|
|
15580
15586
|
}), s]
|
|
15581
15587
|
});
|
|
15582
15588
|
}
|
|
15583
|
-
function
|
|
15589
|
+
function Tm({ 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 }) {
|
|
15584
15590
|
return /* @__PURE__ */ V("nav", {
|
|
15585
15591
|
"aria-label": u,
|
|
15586
15592
|
"data-slot": "filter-bar",
|
|
@@ -15608,7 +15614,7 @@ function wm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
|
|
|
15608
15614
|
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)]",
|
|
15609
15615
|
children: c
|
|
15610
15616
|
})]
|
|
15611
|
-
}), e.map((e) => /* @__PURE__ */ B(
|
|
15617
|
+
}), e.map((e) => /* @__PURE__ */ B(wm, { filter: e }, e.label))]
|
|
15612
15618
|
}), (t !== void 0 || n || r) && /* @__PURE__ */ V("div", {
|
|
15613
15619
|
className: "flex items-center justify-between",
|
|
15614
15620
|
children: [t !== void 0 && /* @__PURE__ */ V("span", {
|
|
@@ -15674,7 +15680,7 @@ function wm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
|
|
|
15674
15680
|
}
|
|
15675
15681
|
//#endregion
|
|
15676
15682
|
//#region src/components/patterns/commerce/review-card.tsx
|
|
15677
|
-
function
|
|
15683
|
+
function Em({ rating: e, size: t = 14 }) {
|
|
15678
15684
|
return /* @__PURE__ */ B("div", {
|
|
15679
15685
|
className: "flex gap-0.5",
|
|
15680
15686
|
role: "img",
|
|
@@ -15698,7 +15704,7 @@ function Tm({ rating: e, size: t = 14 }) {
|
|
|
15698
15704
|
}, n))
|
|
15699
15705
|
});
|
|
15700
15706
|
}
|
|
15701
|
-
function
|
|
15707
|
+
function Dm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, body: a, date: o, helpfulCount: s = 0, onHelpful: c, helpful: l = !1, className: u }) {
|
|
15702
15708
|
let d = t ?? e.slice(0, 1);
|
|
15703
15709
|
return /* @__PURE__ */ V("div", {
|
|
15704
15710
|
"data-slot": "review-card",
|
|
@@ -15728,7 +15734,7 @@ function Em({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
|
|
|
15728
15734
|
children: o
|
|
15729
15735
|
})]
|
|
15730
15736
|
}),
|
|
15731
|
-
/* @__PURE__ */ B(
|
|
15737
|
+
/* @__PURE__ */ B(Em, { rating: r })
|
|
15732
15738
|
]
|
|
15733
15739
|
}),
|
|
15734
15740
|
i && /* @__PURE__ */ B("p", {
|
|
@@ -15766,7 +15772,7 @@ function Em({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
|
|
|
15766
15772
|
}
|
|
15767
15773
|
//#endregion
|
|
15768
15774
|
//#region src/components/patterns/commerce/review-summary.tsx
|
|
15769
|
-
function
|
|
15775
|
+
function Om({ averageRating: e, totalCount: t, distribution: n, className: r }) {
|
|
15770
15776
|
let i = Math.max(...n, 1);
|
|
15771
15777
|
return /* @__PURE__ */ V("div", {
|
|
15772
15778
|
"data-slot": "review-summary",
|
|
@@ -15778,7 +15784,7 @@ function Dm({ averageRating: e, totalCount: t, distribution: n, className: r })
|
|
|
15778
15784
|
children: e.toFixed(1)
|
|
15779
15785
|
}), /* @__PURE__ */ V("div", {
|
|
15780
15786
|
className: "pb-0.5",
|
|
15781
|
-
children: [/* @__PURE__ */ B(
|
|
15787
|
+
children: [/* @__PURE__ */ B(Em, {
|
|
15782
15788
|
rating: Math.round(e),
|
|
15783
15789
|
size: 16
|
|
15784
15790
|
}), /* @__PURE__ */ V("p", {
|
|
@@ -15816,10 +15822,10 @@ function Dm({ averageRating: e, totalCount: t, distribution: n, className: r })
|
|
|
15816
15822
|
}
|
|
15817
15823
|
//#endregion
|
|
15818
15824
|
//#region src/components/patterns/admin/kebab-menu.tsx
|
|
15819
|
-
function
|
|
15825
|
+
function km(e) {
|
|
15820
15826
|
return e.type === "separator";
|
|
15821
15827
|
}
|
|
15822
|
-
function
|
|
15828
|
+
function Am({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
|
|
15823
15829
|
return /* @__PURE__ */ V(vr, { children: [/* @__PURE__ */ B(br, {
|
|
15824
15830
|
asChild: !0,
|
|
15825
15831
|
children: /* @__PURE__ */ B("button", {
|
|
@@ -15856,7 +15862,7 @@ function km({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
|
|
|
15856
15862
|
}), /* @__PURE__ */ B(xr, {
|
|
15857
15863
|
align: "end",
|
|
15858
15864
|
className: "min-w-[200px]",
|
|
15859
|
-
children: e.map((e, t) =>
|
|
15865
|
+
children: e.map((e, t) => km(e) ? /* @__PURE__ */ B(Or, {}, `separator-${t}`) : /* @__PURE__ */ V(Cr, {
|
|
15860
15866
|
variant: e.destructive ? "destructive" : "default",
|
|
15861
15867
|
disabled: e.disabled,
|
|
15862
15868
|
onSelect: () => e.onClick?.(),
|
|
@@ -15882,7 +15888,7 @@ function km({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
|
|
|
15882
15888
|
}
|
|
15883
15889
|
//#endregion
|
|
15884
15890
|
//#region src/components/patterns/admin/bulk-actions.tsx
|
|
15885
|
-
function
|
|
15891
|
+
function jm({ selectedCount: e, onClear: t, children: n, className: r, clearLabel: i = "選択を解除", ...a }) {
|
|
15886
15892
|
return e === 0 ? null : /* @__PURE__ */ V("div", {
|
|
15887
15893
|
"data-slot": "bulk-actions",
|
|
15888
15894
|
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),
|
|
@@ -15922,7 +15928,7 @@ function Am({ selectedCount: e, onClear: t, children: n, className: r, clearLabe
|
|
|
15922
15928
|
}
|
|
15923
15929
|
//#endregion
|
|
15924
15930
|
//#region src/components/patterns/admin/status-tabs.tsx
|
|
15925
|
-
function
|
|
15931
|
+
function Mm({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
|
|
15926
15932
|
return /* @__PURE__ */ B("div", {
|
|
15927
15933
|
"data-slot": "status-tabs",
|
|
15928
15934
|
className: G("flex gap-2 overflow-x-auto scrollbar-hide", r),
|
|
@@ -15943,13 +15949,13 @@ function jm({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
|
|
|
15943
15949
|
}
|
|
15944
15950
|
//#endregion
|
|
15945
15951
|
//#region src/components/patterns/admin/search-panel.tsx
|
|
15946
|
-
var
|
|
15952
|
+
var Nm = {
|
|
15947
15953
|
2: "sm:grid-cols-2",
|
|
15948
15954
|
3: "sm:grid-cols-2 lg:grid-cols-3",
|
|
15949
15955
|
4: "sm:grid-cols-2 lg:grid-cols-4"
|
|
15950
15956
|
};
|
|
15951
|
-
function
|
|
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",
|
|
15957
|
+
function Pm({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i = "grid", className: a, ...o }) {
|
|
15958
|
+
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", Nm[r]);
|
|
15953
15959
|
return /* @__PURE__ */ V("div", {
|
|
15954
15960
|
"data-slot": "search-panel",
|
|
15955
15961
|
className: G("rounded-2xl bg-[var(--Surface-Primary)] border border-[var(--Border-Low-Emphasis)] p-4", a),
|
|
@@ -15991,7 +15997,7 @@ function Nm({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i =
|
|
|
15991
15997
|
}
|
|
15992
15998
|
//#endregion
|
|
15993
15999
|
//#region src/components/patterns/admin/image-uploader.tsx
|
|
15994
|
-
function
|
|
16000
|
+
function Fm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns: i = 4, className: a, addLabel: o = "画像を追加", ...s }) {
|
|
15995
16001
|
return /* @__PURE__ */ V("div", {
|
|
15996
16002
|
"data-slot": "image-uploader",
|
|
15997
16003
|
className: G("grid gap-3", a),
|
|
@@ -16057,10 +16063,10 @@ function Pm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns:
|
|
|
16057
16063
|
}
|
|
16058
16064
|
//#endregion
|
|
16059
16065
|
//#region src/components/patterns/file-upload.tsx
|
|
16060
|
-
function
|
|
16066
|
+
function Im(e) {
|
|
16061
16067
|
return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
|
|
16062
16068
|
}
|
|
16063
|
-
function
|
|
16069
|
+
function Lm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUpload: i, disabled: a = !1, className: o, dragLabel: s = "ここにファイルをドロップ", orLabel: c = "または", browseLabel: l = "ファイルを選択", maxSizeLabel: u = (e) => `最大 ${Im(e)} まで`, maxFilesLabel: f = (e) => `最大 ${e} ファイルまで`, removeLabel: p = "削除" }) {
|
|
16064
16070
|
let [m, h] = d.useState(!1), [g, _] = d.useState([]), [v, y] = d.useState(null), b = d.useRef(null), x = (e) => {
|
|
16065
16071
|
if (y(null), t && e.find((e) => e.size > t)) return y(u(t)), null;
|
|
16066
16072
|
let i = n ? [...g, ...e] : e.slice(0, 1);
|
|
@@ -16176,7 +16182,7 @@ function Im({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
|
|
|
16176
16182
|
children: e.name
|
|
16177
16183
|
}), /* @__PURE__ */ B("p", {
|
|
16178
16184
|
className: "typo-body-xs text-[var(--Text-Low-Emphasis)]",
|
|
16179
|
-
children:
|
|
16185
|
+
children: Im(e.size)
|
|
16180
16186
|
})]
|
|
16181
16187
|
}),
|
|
16182
16188
|
/* @__PURE__ */ B("button", {
|
|
@@ -16205,7 +16211,7 @@ function Im({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
|
|
|
16205
16211
|
}
|
|
16206
16212
|
//#endregion
|
|
16207
16213
|
//#region src/components/patterns/compact-file-picker.tsx
|
|
16208
|
-
function
|
|
16214
|
+
function Rm({ className: e, inputClassName: t, label: n = "ファイル", description: r, triggerLabel: i = "選択する", loadingLabel: a = "処理中", icon: o, loading: s = !1, disabled: c, id: l, multiple: u, onFilesChange: f, ...p }) {
|
|
16209
16215
|
let m = d.useId(), h = l ?? m, g = d.useRef(null), _ = c || s;
|
|
16210
16216
|
return /* @__PURE__ */ V("div", {
|
|
16211
16217
|
"data-slot": "compact-file-picker",
|
|
@@ -16256,11 +16262,11 @@ function Lm({ className: e, inputClassName: t, label: n = "ファイル", descri
|
|
|
16256
16262
|
]
|
|
16257
16263
|
});
|
|
16258
16264
|
}
|
|
16259
|
-
function
|
|
16265
|
+
function zm({ 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 }) {
|
|
16260
16266
|
return /* @__PURE__ */ V("div", {
|
|
16261
16267
|
"data-slot": "image-attachment-picker",
|
|
16262
16268
|
className: G("flex flex-col gap-3", e),
|
|
16263
|
-
children: [/* @__PURE__ */ B(
|
|
16269
|
+
children: [/* @__PURE__ */ B(Rm, {
|
|
16264
16270
|
...l,
|
|
16265
16271
|
accept: n,
|
|
16266
16272
|
label: a,
|
|
@@ -16304,7 +16310,7 @@ function Rm({ className: e, images: t = [], accept: n = "image/*", previewVarian
|
|
|
16304
16310
|
}
|
|
16305
16311
|
//#endregion
|
|
16306
16312
|
//#region src/components/ui/semantic-icon.tsx
|
|
16307
|
-
function
|
|
16313
|
+
function Bm({ name: e, size: t = 24, className: n, accessibilityLabel: r, color: i, style: a, ...o }) {
|
|
16308
16314
|
let s = o["aria-label"] ?? r, c = {
|
|
16309
16315
|
...o,
|
|
16310
16316
|
size: t,
|
|
@@ -16354,23 +16360,23 @@ function zm({ name: e, size: t = 24, className: n, accessibilityLabel: r, color:
|
|
|
16354
16360
|
}
|
|
16355
16361
|
//#endregion
|
|
16356
16362
|
//#region src/components/patterns/quick-action-grid.tsx
|
|
16357
|
-
var
|
|
16363
|
+
var Vm = d.createContext(null), Hm = () => {
|
|
16358
16364
|
let e = globalThis.process;
|
|
16359
16365
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
16360
|
-
},
|
|
16366
|
+
}, Um = {
|
|
16361
16367
|
neutral: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
|
|
16362
16368
|
selected: "border-[var(--Brand-Primary)] bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-High-Emphasis)]",
|
|
16363
16369
|
success: "border-[var(--Success-Base)] bg-[var(--Surface-Success-Subtle)] text-[var(--Text-High-Emphasis)]",
|
|
16364
16370
|
info: "border-[var(--Info-Base)] bg-[var(--Surface-Info-Subtle)] text-[var(--Text-High-Emphasis)]",
|
|
16365
16371
|
caution: "border-[var(--Caution-Base)] bg-[var(--Surface-Caution-Subtle)] text-[var(--Text-High-Emphasis)]"
|
|
16366
|
-
},
|
|
16372
|
+
}, Wm = {
|
|
16367
16373
|
2: "grid-cols-2",
|
|
16368
16374
|
3: "grid-cols-2 sm:grid-cols-3",
|
|
16369
16375
|
4: "grid-cols-2 sm:grid-cols-4",
|
|
16370
16376
|
auto: "grid-cols-[repeat(auto-fit,minmax(8rem,1fr))]"
|
|
16371
16377
|
};
|
|
16372
|
-
function
|
|
16373
|
-
let h = d.useContext(
|
|
16378
|
+
function Gm({ 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: u, type: f, selectionMode: p, ...m }) {
|
|
16379
|
+
let h = d.useContext(Vm), g = p ?? h, _ = u || c, v = s || l === "selected", y = g === "single", b = o != null && o !== !1, x = !!(i || a);
|
|
16374
16380
|
return /* @__PURE__ */ V("button", {
|
|
16375
16381
|
"data-slot": "action-tile",
|
|
16376
16382
|
"data-variant": l,
|
|
@@ -16379,7 +16385,7 @@ function Wm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
|
|
|
16379
16385
|
"aria-pressed": y ? void 0 : v || void 0,
|
|
16380
16386
|
type: f ?? "button",
|
|
16381
16387
|
disabled: _,
|
|
16382
|
-
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)]",
|
|
16388
|
+
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)]", Um[l], _ && "cursor-not-allowed opacity-50", e),
|
|
16383
16389
|
...m,
|
|
16384
16390
|
children: [/* @__PURE__ */ V("span", {
|
|
16385
16391
|
className: "flex w-full items-center justify-between gap-3",
|
|
@@ -16410,7 +16416,7 @@ function Wm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
|
|
|
16410
16416
|
}) : v ? /* @__PURE__ */ B("span", {
|
|
16411
16417
|
className: "shrink-0 text-[var(--Text-Accent-Primary)]",
|
|
16412
16418
|
"aria-hidden": !0,
|
|
16413
|
-
children: /* @__PURE__ */ B(
|
|
16419
|
+
children: /* @__PURE__ */ B(Bm, {
|
|
16414
16420
|
name: "selected",
|
|
16415
16421
|
size: 16,
|
|
16416
16422
|
className: "text-[var(--Text-Accent-Primary)]"
|
|
@@ -16428,20 +16434,20 @@ function Wm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
|
|
|
16428
16434
|
})]
|
|
16429
16435
|
});
|
|
16430
16436
|
}
|
|
16431
|
-
function
|
|
16437
|
+
function Km(e) {
|
|
16432
16438
|
return Array.from(e.querySelectorAll("[data-slot=\"action-tile\"]")).filter((t) => t.closest("[data-slot=\"quick-action-grid\"]") === e);
|
|
16433
16439
|
}
|
|
16434
|
-
function
|
|
16440
|
+
function qm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, role: i, onKeyDown: a, ref: o, children: s, ...c }) {
|
|
16435
16441
|
let l = d.useRef(null), u = nn(d.useCallback((e) => {
|
|
16436
16442
|
l.current = e;
|
|
16437
16443
|
}, []), o), f = r === "single";
|
|
16438
16444
|
return d.useEffect(() => {
|
|
16439
16445
|
let e = l.current;
|
|
16440
16446
|
if (!f || !e) return;
|
|
16441
|
-
let t =
|
|
16447
|
+
let t = Km(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
|
|
16442
16448
|
if (t.forEach((e, t) => {
|
|
16443
16449
|
e.tabIndex = t === r ? 0 : -1;
|
|
16444
|
-
}),
|
|
16450
|
+
}), Hm()) {
|
|
16445
16451
|
let e = t.filter((e) => e.getAttribute("aria-checked") === "true").length;
|
|
16446
16452
|
e > 1 && console.warn(`[ksk-ds] QuickActionGrid: selectionMode="single" は排他選択ですが、選択中の ActionTile が ${e} 個あります。selected を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
16447
16453
|
}
|
|
@@ -16456,7 +16462,7 @@ function Km({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
|
|
|
16456
16462
|
if (t === 0) return;
|
|
16457
16463
|
let n = l.current;
|
|
16458
16464
|
if (!n) return;
|
|
16459
|
-
let r =
|
|
16465
|
+
let r = Km(n).filter((e) => !e.disabled), i = e.target?.closest("[data-slot=\"action-tile\"]"), o = i ? r.indexOf(i) : -1;
|
|
16460
16466
|
if (o < 0 || r.length === 0) return;
|
|
16461
16467
|
e.preventDefault();
|
|
16462
16468
|
let s = r[(o + t + r.length) % r.length];
|
|
@@ -16464,9 +16470,9 @@ function Km({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
|
|
|
16464
16470
|
e.tabIndex = e === s ? 0 : -1;
|
|
16465
16471
|
}), s.focus(), s.click();
|
|
16466
16472
|
},
|
|
16467
|
-
className: G("grid",
|
|
16473
|
+
className: G("grid", Wm[t], n === "sm" ? "gap-2" : "gap-3", e),
|
|
16468
16474
|
...c,
|
|
16469
|
-
children: /* @__PURE__ */ B(
|
|
16475
|
+
children: /* @__PURE__ */ B(Vm.Provider, {
|
|
16470
16476
|
value: r ?? null,
|
|
16471
16477
|
children: s
|
|
16472
16478
|
})
|
|
@@ -16474,7 +16480,7 @@ function Km({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
|
|
|
16474
16480
|
}
|
|
16475
16481
|
//#endregion
|
|
16476
16482
|
//#region src/components/patterns/admin/notification-list.tsx
|
|
16477
|
-
function
|
|
16483
|
+
function Jm({ notifications: e, variant: t = "vertical", emptyMessage: n = "新着のお知らせはありません", className: r, ...i }) {
|
|
16478
16484
|
return e.length === 0 ? /* @__PURE__ */ V("div", {
|
|
16479
16485
|
"data-slot": "notification-list",
|
|
16480
16486
|
className: G("flex flex-col items-center justify-center gap-3 py-12", r),
|
|
@@ -16557,7 +16563,7 @@ function qm({ notifications: e, variant: t = "vertical", emptyMessage: n = "新
|
|
|
16557
16563
|
}
|
|
16558
16564
|
//#endregion
|
|
16559
16565
|
//#region src/components/patterns/admin/chart-controls.tsx
|
|
16560
|
-
var
|
|
16566
|
+
var Ym = [
|
|
16561
16567
|
{
|
|
16562
16568
|
label: "時間",
|
|
16563
16569
|
value: "hour"
|
|
@@ -16574,7 +16580,7 @@ var Jm = [
|
|
|
16574
16580
|
label: "月",
|
|
16575
16581
|
value: "month"
|
|
16576
16582
|
}
|
|
16577
|
-
],
|
|
16583
|
+
], Xm = [
|
|
16578
16584
|
{
|
|
16579
16585
|
label: "7日",
|
|
16580
16586
|
value: "7d"
|
|
@@ -16596,7 +16602,7 @@ var Jm = [
|
|
|
16596
16602
|
value: "custom"
|
|
16597
16603
|
}
|
|
16598
16604
|
];
|
|
16599
|
-
function
|
|
16605
|
+
function Zm({ options: e, value: t, onChange: n }) {
|
|
16600
16606
|
return /* @__PURE__ */ B("div", {
|
|
16601
16607
|
className: "flex flex-wrap gap-1",
|
|
16602
16608
|
role: "group",
|
|
@@ -16608,7 +16614,7 @@ function Xm({ options: e, value: t, onChange: n }) {
|
|
|
16608
16614
|
}, e.value))
|
|
16609
16615
|
});
|
|
16610
16616
|
}
|
|
16611
|
-
function
|
|
16617
|
+
function Qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d", onPeriodChange: r, showComparison: i = !1, onComparisonChange: a, onCustomPeriod: o, className: s }) {
|
|
16612
16618
|
return /* @__PURE__ */ V("div", {
|
|
16613
16619
|
"data-slot": "chart-controls",
|
|
16614
16620
|
className: G("flex flex-col gap-2.5", s),
|
|
@@ -16618,8 +16624,8 @@ function Zm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
|
|
|
16618
16624
|
children: [/* @__PURE__ */ B("span", {
|
|
16619
16625
|
className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
|
|
16620
16626
|
children: "粒度"
|
|
16621
|
-
}), /* @__PURE__ */ B(
|
|
16622
|
-
options:
|
|
16627
|
+
}), /* @__PURE__ */ B(Zm, {
|
|
16628
|
+
options: Ym,
|
|
16623
16629
|
value: e,
|
|
16624
16630
|
onChange: t
|
|
16625
16631
|
})]
|
|
@@ -16629,8 +16635,8 @@ function Zm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
|
|
|
16629
16635
|
children: [/* @__PURE__ */ B("span", {
|
|
16630
16636
|
className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
|
|
16631
16637
|
children: "期間"
|
|
16632
|
-
}), /* @__PURE__ */ B(
|
|
16633
|
-
options:
|
|
16638
|
+
}), /* @__PURE__ */ B(Zm, {
|
|
16639
|
+
options: Xm,
|
|
16634
16640
|
value: n,
|
|
16635
16641
|
onChange: (e) => {
|
|
16636
16642
|
if (e === "custom") {
|
|
@@ -16658,7 +16664,7 @@ function Zm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
|
|
|
16658
16664
|
}
|
|
16659
16665
|
//#endregion
|
|
16660
16666
|
//#region src/components/patterns/simple-pagination.tsx
|
|
16661
|
-
function
|
|
16667
|
+
function $m() {
|
|
16662
16668
|
return /* @__PURE__ */ B("svg", {
|
|
16663
16669
|
width: "16",
|
|
16664
16670
|
height: "16",
|
|
@@ -16674,7 +16680,7 @@ function Qm() {
|
|
|
16674
16680
|
})
|
|
16675
16681
|
});
|
|
16676
16682
|
}
|
|
16677
|
-
function
|
|
16683
|
+
function eh() {
|
|
16678
16684
|
return /* @__PURE__ */ B("svg", {
|
|
16679
16685
|
width: "16",
|
|
16680
16686
|
height: "16",
|
|
@@ -16690,7 +16696,7 @@ function $m() {
|
|
|
16690
16696
|
})
|
|
16691
16697
|
});
|
|
16692
16698
|
}
|
|
16693
|
-
function
|
|
16699
|
+
function th({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabel: i = "前へ", nextLabel: a = "次へ", navLabel: o = "ページネーション", renderLabel: s, className: c, total: l, pageSize: u, totalPages: f, ...p }) {
|
|
16694
16700
|
let m = n ?? (f === void 0 ? "items" : "pages"), h = f === void 0 ? u && u > 0 ? Math.max(1, Math.ceil((l ?? 0) / u)) : 1 : f, g = Math.min(Math.max(1, e), Math.max(1, h)), _ = g > 1, v = g < h, y = u && l !== void 0 && l > 0 ? (g - 1) * u + 1 : void 0, b = u && l !== void 0 ? Math.min(g * u, l) : void 0, x = () => {
|
|
16695
16701
|
_ && t?.(g - 1);
|
|
16696
16702
|
}, S = () => {
|
|
@@ -16775,7 +16781,7 @@ function eh({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
|
|
|
16775
16781
|
onClick: x,
|
|
16776
16782
|
disabled: !_,
|
|
16777
16783
|
"aria-label": i,
|
|
16778
|
-
children: [/* @__PURE__ */ B(
|
|
16784
|
+
children: [/* @__PURE__ */ B($m, {}), /* @__PURE__ */ B("span", {
|
|
16779
16785
|
className: r ? "sr-only sm:not-sr-only" : void 0,
|
|
16780
16786
|
children: i
|
|
16781
16787
|
})]
|
|
@@ -16795,15 +16801,15 @@ function eh({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
|
|
|
16795
16801
|
children: [/* @__PURE__ */ B("span", {
|
|
16796
16802
|
className: r ? "sr-only sm:not-sr-only" : void 0,
|
|
16797
16803
|
children: a
|
|
16798
|
-
}), /* @__PURE__ */ B(
|
|
16804
|
+
}), /* @__PURE__ */ B(eh, {})]
|
|
16799
16805
|
})
|
|
16800
16806
|
]
|
|
16801
16807
|
});
|
|
16802
16808
|
}
|
|
16803
16809
|
//#endregion
|
|
16804
16810
|
//#region src/components/patterns/admin/data-table.tsx
|
|
16805
|
-
var
|
|
16806
|
-
function
|
|
16811
|
+
var nh = [], rh = [];
|
|
16812
|
+
function ih(e, t, n) {
|
|
16807
16813
|
if (n) return n(e, t);
|
|
16808
16814
|
if (e && typeof e == "object" && "id" in e) {
|
|
16809
16815
|
let t = e.id;
|
|
@@ -16811,13 +16817,13 @@ function rh(e, t, n) {
|
|
|
16811
16817
|
}
|
|
16812
16818
|
return t;
|
|
16813
16819
|
}
|
|
16814
|
-
function
|
|
16820
|
+
function ah(e, t) {
|
|
16815
16821
|
return !e || typeof e != "object" || !(t in e) ? null : e[t];
|
|
16816
16822
|
}
|
|
16817
|
-
function
|
|
16818
|
-
return n.value ? n.value(e, t) :
|
|
16823
|
+
function oh(e, t, n) {
|
|
16824
|
+
return n.value ? n.value(e, t) : ah(e, n.key);
|
|
16819
16825
|
}
|
|
16820
|
-
function
|
|
16826
|
+
function sh(e, t, n, r, i, a, o, s, c) {
|
|
16821
16827
|
let l = (e) => e?.close !== !1;
|
|
16822
16828
|
return {
|
|
16823
16829
|
row: e,
|
|
@@ -16839,10 +16845,10 @@ function oh(e, t, n, r, i, a, o, s, c) {
|
|
|
16839
16845
|
}
|
|
16840
16846
|
};
|
|
16841
16847
|
}
|
|
16842
|
-
function
|
|
16843
|
-
return n.cell ? n.cell(r) : n.render ? n.render(e, t) :
|
|
16848
|
+
function ch(e, t, n, r) {
|
|
16849
|
+
return n.cell ? n.cell(r) : n.render ? n.render(e, t) : oh(e, t, n);
|
|
16844
16850
|
}
|
|
16845
|
-
function
|
|
16851
|
+
function lh(e, t) {
|
|
16846
16852
|
let n = e.edit?.trigger ?? "doubleClick";
|
|
16847
16853
|
if (n === "manual") return {};
|
|
16848
16854
|
let r = { onKeyDown: (e) => {
|
|
@@ -16860,10 +16866,10 @@ function ch(e, t) {
|
|
|
16860
16866
|
onDoubleClick: () => t.startEdit()
|
|
16861
16867
|
};
|
|
16862
16868
|
}
|
|
16863
|
-
var
|
|
16869
|
+
var uh = () => {
|
|
16864
16870
|
let e = globalThis.process;
|
|
16865
16871
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
16866
|
-
},
|
|
16872
|
+
}, dh = [
|
|
16867
16873
|
"a[href]",
|
|
16868
16874
|
"button",
|
|
16869
16875
|
"input",
|
|
@@ -16875,17 +16881,17 @@ var lh = () => {
|
|
|
16875
16881
|
"[role='radio']",
|
|
16876
16882
|
"[data-table-ignore-row-click]"
|
|
16877
16883
|
].join(",");
|
|
16878
|
-
function
|
|
16884
|
+
function fh(e) {
|
|
16879
16885
|
let t = e.target;
|
|
16880
|
-
return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(
|
|
16886
|
+
return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(dh);
|
|
16881
16887
|
}
|
|
16882
|
-
function
|
|
16888
|
+
function ph(e, t, n) {
|
|
16883
16889
|
if (n.sortValue) return n.sortValue(e, t);
|
|
16884
|
-
let r =
|
|
16890
|
+
let r = oh(e, t, n);
|
|
16885
16891
|
if (r === null) return null;
|
|
16886
16892
|
if (r !== void 0) return typeof r == "string" || typeof r == "number" || r instanceof Date ? r : String(r);
|
|
16887
16893
|
}
|
|
16888
|
-
function
|
|
16894
|
+
function mh(e, t) {
|
|
16889
16895
|
if (e == null && t == null) return 0;
|
|
16890
16896
|
if (e == null) return 1;
|
|
16891
16897
|
if (t == null) return -1;
|
|
@@ -16895,7 +16901,7 @@ function ph(e, t) {
|
|
|
16895
16901
|
sensitivity: "base"
|
|
16896
16902
|
});
|
|
16897
16903
|
}
|
|
16898
|
-
function
|
|
16904
|
+
function hh(e, t = 0, n = !1) {
|
|
16899
16905
|
let r = e === "right" ? "right" : "left", i = n ? "var(--Surface-Secondary)" : "var(--Surface-Primary)";
|
|
16900
16906
|
return {
|
|
16901
16907
|
className: G("sticky z-[1]", r === "left" ? "shadow-[var(--shadow-sticky-inline-start)]" : "shadow-[var(--shadow-sticky-inline-end)]"),
|
|
@@ -16905,7 +16911,7 @@ function mh(e, t = 0, n = !1) {
|
|
|
16905
16911
|
}
|
|
16906
16912
|
};
|
|
16907
16913
|
}
|
|
16908
|
-
function
|
|
16914
|
+
function gh({ direction: e }) {
|
|
16909
16915
|
return e === "asc" ? /* @__PURE__ */ B(oe, {
|
|
16910
16916
|
size: 16,
|
|
16911
16917
|
className: "shrink-0"
|
|
@@ -16917,38 +16923,38 @@ function hh({ direction: e }) {
|
|
|
16917
16923
|
className: "shrink-0 opacity-40"
|
|
16918
16924
|
});
|
|
16919
16925
|
}
|
|
16920
|
-
function
|
|
16926
|
+
function _h() {
|
|
16921
16927
|
return /* @__PURE__ */ B(pe, {
|
|
16922
16928
|
size: 16,
|
|
16923
16929
|
className: "shrink-0"
|
|
16924
16930
|
});
|
|
16925
16931
|
}
|
|
16926
|
-
function
|
|
16932
|
+
function vh() {
|
|
16927
16933
|
return /* @__PURE__ */ B(U, {
|
|
16928
16934
|
size: 16,
|
|
16929
16935
|
className: "shrink-0"
|
|
16930
16936
|
});
|
|
16931
16937
|
}
|
|
16932
|
-
function
|
|
16938
|
+
function yh() {
|
|
16933
16939
|
return /* @__PURE__ */ B(ue, {
|
|
16934
16940
|
size: 14,
|
|
16935
16941
|
className: "shrink-0"
|
|
16936
16942
|
});
|
|
16937
16943
|
}
|
|
16938
|
-
function
|
|
16944
|
+
function bh() {
|
|
16939
16945
|
return /* @__PURE__ */ B(fe, {
|
|
16940
16946
|
size: 16,
|
|
16941
16947
|
className: "shrink-0"
|
|
16942
16948
|
});
|
|
16943
16949
|
}
|
|
16944
|
-
function
|
|
16950
|
+
function xh({ open: e }) {
|
|
16945
16951
|
return /* @__PURE__ */ B(W, {
|
|
16946
16952
|
size: 16,
|
|
16947
16953
|
className: G("shrink-0 transition-transform duration-[var(--Motion-Duration-Base)]", e && "rotate-90")
|
|
16948
16954
|
});
|
|
16949
16955
|
}
|
|
16950
|
-
function
|
|
16951
|
-
let [D, O] = d.useState(s), [ee, k] = d.useState(S), [te, A] = d.useState(l?.defaultSelectedRowIds ?? []), [j, M] = d.useState(null), ne = n != null && r != null, N = o === void 0 ? D : o, P = n ??
|
|
16956
|
+
function Sh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRowCommit: a, sort: o, defaultSort: s = null, onSortChange: c, selection: l, emptyMessage: u, 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 }) {
|
|
16957
|
+
let [D, O] = d.useState(s), [ee, k] = d.useState(S), [te, A] = d.useState(l?.defaultSelectedRowIds ?? []), [j, M] = d.useState(null), ne = n != null && r != null, N = o === void 0 ? D : o, P = n ?? nh, F = r ?? rh, I = l?.mode ?? (l ? "multi" : "none"), L = l?.selectedRowIds ?? te, R = d.useMemo(() => new Set(L), [L]), z = d.useMemo(() => P.map((e, t) => ({
|
|
16952
16958
|
row: e,
|
|
16953
16959
|
index: t
|
|
16954
16960
|
})), [P]), H = d.useMemo(() => {
|
|
@@ -16956,12 +16962,12 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
16956
16962
|
let e = F.find((e) => e.key === N.key);
|
|
16957
16963
|
if (!e || !e.sortable) return z;
|
|
16958
16964
|
let t = N.direction === "asc" ? 1 : -1;
|
|
16959
|
-
return [...z].sort((n, r) => ph(
|
|
16965
|
+
return [...z].sort((n, r) => mh(ph(n.row, n.index, e), ph(r.row, r.index, e)) * t);
|
|
16960
16966
|
}, [
|
|
16961
16967
|
F,
|
|
16962
16968
|
N,
|
|
16963
16969
|
z
|
|
16964
|
-
]), U = d.useMemo(() => H.map(({ row: e, index: t }) =>
|
|
16970
|
+
]), U = d.useMemo(() => H.map(({ row: e, index: t }) => ih(e, t, i)), [i, H]), re = d.useMemo(() => U.filter((e) => R.has(e)).length, [R, U]), ie = d.useMemo(() => H.reduce((e, t) => {
|
|
16965
16971
|
let n = m?.(t.row, t.index);
|
|
16966
16972
|
return {
|
|
16967
16973
|
previousSectionKey: n?.key ?? e.previousSectionKey,
|
|
@@ -17018,9 +17024,9 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17018
17024
|
N,
|
|
17019
17025
|
c,
|
|
17020
17026
|
o
|
|
17021
|
-
]), ce = I === "none" ? 0 : 1, le = F.length + ce, ue = d.useMemo(() =>
|
|
17027
|
+
]), ce = I === "none" ? 0 : 1, le = F.length + ce, ue = d.useMemo(() => jh(F), [F]), de = (e) => ue.get(e.key)?.offset ?? e.stickyOffset;
|
|
17022
17028
|
d.useEffect(() => {
|
|
17023
|
-
if (!
|
|
17029
|
+
if (!uh()) return;
|
|
17024
17030
|
let e = F.filter((e) => e.sticky && ue.get(e.key)?.offset === void 0);
|
|
17025
17031
|
e.length !== 0 && console.warn(`[ksk-ds] DataTable: 固定列 ${e.map((e) => `"${e.key}"`).join(" / ")} のオフセットを自動計算できません。先行する固定列の width が "auto" / "flex" で幅が確定しないためです。該当列に width("sm" 等)を指定するか、stickyOffset を明示してください。`);
|
|
17026
17032
|
}, [F, ue]);
|
|
@@ -17038,9 +17044,9 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17038
17044
|
"data-slot": "data-table",
|
|
17039
17045
|
className: G("overflow-x-auto rounded-lg border border-[var(--Border-Low-Emphasis)]", e),
|
|
17040
17046
|
...E,
|
|
17041
|
-
children: /* @__PURE__ */ V(
|
|
17047
|
+
children: /* @__PURE__ */ V(Ch, {
|
|
17042
17048
|
className: _,
|
|
17043
|
-
children: [/* @__PURE__ */ B(
|
|
17049
|
+
children: [/* @__PURE__ */ B(wh, { children: /* @__PURE__ */ V("tr", { children: [I !== "none" && /* @__PURE__ */ B(Dh, {
|
|
17044
17050
|
className: "w-[40px]",
|
|
17045
17051
|
"aria-label": w,
|
|
17046
17052
|
children: I === "multi" && /* @__PURE__ */ B(Ut, {
|
|
@@ -17048,7 +17054,7 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17048
17054
|
onCheckedChange: ae,
|
|
17049
17055
|
"aria-label": T
|
|
17050
17056
|
})
|
|
17051
|
-
}), F.map((e) => /* @__PURE__ */ B(
|
|
17057
|
+
}), F.map((e) => /* @__PURE__ */ B(Dh, {
|
|
17052
17058
|
sortable: e.sortable,
|
|
17053
17059
|
sortDirection: N?.key === e.key ? N.direction : null,
|
|
17054
17060
|
onSort: () => se(e),
|
|
@@ -17057,14 +17063,14 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17057
17063
|
stickyOffset: de(e),
|
|
17058
17064
|
className: G(e.align === "center" && "text-center", e.align === "right" && "text-right", e.headerClassName),
|
|
17059
17065
|
children: e.header
|
|
17060
|
-
}, e.key))] }) }), /* @__PURE__ */ V(
|
|
17066
|
+
}, e.key))] }) }), /* @__PURE__ */ V(Th, { children: [H.length === 0 && /* @__PURE__ */ B(Yh, {
|
|
17061
17067
|
colSpan: le,
|
|
17062
17068
|
message: u,
|
|
17063
17069
|
description: f,
|
|
17064
17070
|
action: p
|
|
17065
17071
|
}), ie.map(({ row: e, index: t, section: n, renderSection: r, sectionOpen: o }) => {
|
|
17066
|
-
let s =
|
|
17067
|
-
return /* @__PURE__ */ V(d.Fragment, { children: [r && n && /* @__PURE__ */ B(
|
|
17072
|
+
let s = ih(e, t, i), c = R.has(s);
|
|
17073
|
+
return /* @__PURE__ */ V(d.Fragment, { children: [r && n && /* @__PURE__ */ B(qh, {
|
|
17068
17074
|
label: n.label,
|
|
17069
17075
|
count: n.count,
|
|
17070
17076
|
open: n.open,
|
|
@@ -17073,32 +17079,32 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17073
17079
|
stickyLeft: n.stickyLeft,
|
|
17074
17080
|
stickyOffset: n.stickyOffset,
|
|
17075
17081
|
headingSize: n.headingSize
|
|
17076
|
-
}), o && /* @__PURE__ */ V(
|
|
17082
|
+
}), o && /* @__PURE__ */ V(Eh, {
|
|
17077
17083
|
selected: c,
|
|
17078
17084
|
clickable: g ?? !!h,
|
|
17079
17085
|
onRowClick: h ? (n) => h(e, t, s, n) : void 0,
|
|
17080
17086
|
className: typeof v == "function" ? v(e, t) : v,
|
|
17081
|
-
children: [I !== "none" && /* @__PURE__ */ B(
|
|
17087
|
+
children: [I !== "none" && /* @__PURE__ */ B(Lh, {
|
|
17082
17088
|
checked: c,
|
|
17083
17089
|
onCheckedChange: () => oe(s),
|
|
17084
17090
|
"aria-label": `${String(s)} を選択`
|
|
17085
17091
|
}), F.map((n) => {
|
|
17086
|
-
let r =
|
|
17092
|
+
let r = oh(e, t, n), i = j?.rowId === s && j.columnKey === n.key, o = sh(e, t, s, n, r, i, () => M({
|
|
17087
17093
|
rowId: s,
|
|
17088
17094
|
columnKey: n.key
|
|
17089
17095
|
}), () => M((e) => e?.rowId === s && e.columnKey === n.key ? null : e), a);
|
|
17090
|
-
if (n.cell || n.editCell) return /* @__PURE__ */ B(
|
|
17091
|
-
...
|
|
17096
|
+
if (n.cell || n.editCell) return /* @__PURE__ */ B(Ph, {
|
|
17097
|
+
...lh(n, o),
|
|
17092
17098
|
align: n.align,
|
|
17093
17099
|
width: n.width,
|
|
17094
17100
|
sticky: n.sticky,
|
|
17095
17101
|
stickyOffset: de(n),
|
|
17096
17102
|
className: n.className,
|
|
17097
|
-
children: i && n.editCell ? n.editCell(o) :
|
|
17103
|
+
children: i && n.editCell ? n.editCell(o) : ch(e, t, n, o)
|
|
17098
17104
|
}, n.key);
|
|
17099
17105
|
if (n.editable) {
|
|
17100
|
-
let r = n.editValue?.(e, t) ?? String(
|
|
17101
|
-
return n.editOptions ? /* @__PURE__ */ B(
|
|
17106
|
+
let r = n.editValue?.(e, t) ?? String(ph(e, t, n) ?? "");
|
|
17107
|
+
return n.editOptions ? /* @__PURE__ */ B(Bh, {
|
|
17102
17108
|
value: r,
|
|
17103
17109
|
options: n.editOptions,
|
|
17104
17110
|
onValueChange: (r) => n.onEditChange?.(e, r, t),
|
|
@@ -17106,7 +17112,7 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17106
17112
|
width: n.width,
|
|
17107
17113
|
sticky: n.sticky,
|
|
17108
17114
|
stickyOffset: de(n)
|
|
17109
|
-
}, n.key) : /* @__PURE__ */ B(
|
|
17115
|
+
}, n.key) : /* @__PURE__ */ B(zh, {
|
|
17110
17116
|
value: r,
|
|
17111
17117
|
onChange: (r) => n.onEditChange?.(e, r, t),
|
|
17112
17118
|
className: n.className,
|
|
@@ -17115,13 +17121,13 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17115
17121
|
stickyOffset: de(n)
|
|
17116
17122
|
}, n.key);
|
|
17117
17123
|
}
|
|
17118
|
-
return /* @__PURE__ */ B(
|
|
17124
|
+
return /* @__PURE__ */ B(Ph, {
|
|
17119
17125
|
align: n.align,
|
|
17120
17126
|
width: n.width,
|
|
17121
17127
|
sticky: n.sticky,
|
|
17122
17128
|
stickyOffset: de(n),
|
|
17123
17129
|
className: n.className,
|
|
17124
|
-
children:
|
|
17130
|
+
children: ch(e, t, n, o)
|
|
17125
17131
|
}, n.key);
|
|
17126
17132
|
})]
|
|
17127
17133
|
})] }, s);
|
|
@@ -17131,7 +17137,7 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17131
17137
|
return pe ? /* @__PURE__ */ V("div", {
|
|
17132
17138
|
"data-slot": "data-table-paginated",
|
|
17133
17139
|
className: "flex flex-col gap-3",
|
|
17134
|
-
children: [he, /* @__PURE__ */ B(
|
|
17140
|
+
children: [he, /* @__PURE__ */ B(th, {
|
|
17135
17141
|
className: "self-end",
|
|
17136
17142
|
page: fe + 1,
|
|
17137
17143
|
totalPages: b ?? 1,
|
|
@@ -17139,7 +17145,7 @@ function xh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
|
|
|
17139
17145
|
})]
|
|
17140
17146
|
}) : he;
|
|
17141
17147
|
}
|
|
17142
|
-
function
|
|
17148
|
+
function Ch({ className: e, children: t, ...n }) {
|
|
17143
17149
|
return /* @__PURE__ */ B("table", {
|
|
17144
17150
|
"data-slot": "data-table-table",
|
|
17145
17151
|
className: G("w-full border-collapse", e),
|
|
@@ -17147,7 +17153,7 @@ function Sh({ className: e, children: t, ...n }) {
|
|
|
17147
17153
|
children: t
|
|
17148
17154
|
});
|
|
17149
17155
|
}
|
|
17150
|
-
function
|
|
17156
|
+
function wh({ className: e, children: t, ...n }) {
|
|
17151
17157
|
return /* @__PURE__ */ B("thead", {
|
|
17152
17158
|
"data-slot": "data-table-header",
|
|
17153
17159
|
className: G("bg-[var(--Surface-Secondary)] [&>tr]:border-b [&>tr]:border-[var(--Border-Low-Emphasis)]", e),
|
|
@@ -17155,7 +17161,7 @@ function Ch({ className: e, children: t, ...n }) {
|
|
|
17155
17161
|
children: t
|
|
17156
17162
|
});
|
|
17157
17163
|
}
|
|
17158
|
-
function
|
|
17164
|
+
function Th({ className: e, children: t, ...n }) {
|
|
17159
17165
|
return /* @__PURE__ */ B("tbody", {
|
|
17160
17166
|
"data-slot": "data-table-body",
|
|
17161
17167
|
className: G("[&>tr:not(:last-child)]:border-b [&>tr:not(:last-child)]:border-b-[var(--Border-Low-Emphasis)]", e),
|
|
@@ -17163,7 +17169,7 @@ function wh({ className: e, children: t, ...n }) {
|
|
|
17163
17169
|
children: t
|
|
17164
17170
|
});
|
|
17165
17171
|
}
|
|
17166
|
-
function
|
|
17172
|
+
function Eh({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i, onKeyDown: a, role: o, tabIndex: s, children: c, ...l }) {
|
|
17167
17173
|
let u = n || !!r;
|
|
17168
17174
|
return /* @__PURE__ */ B("tr", {
|
|
17169
17175
|
"data-slot": "data-table-row",
|
|
@@ -17172,21 +17178,21 @@ function Th({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i
|
|
|
17172
17178
|
role: o,
|
|
17173
17179
|
tabIndex: u && s == null ? 0 : s,
|
|
17174
17180
|
onClick: (e) => {
|
|
17175
|
-
i?.(e), !(e.defaultPrevented || !r ||
|
|
17181
|
+
i?.(e), !(e.defaultPrevented || !r || fh(e)) && r(e);
|
|
17176
17182
|
},
|
|
17177
17183
|
onKeyDown: (e) => {
|
|
17178
|
-
a?.(e), !(e.defaultPrevented || !r ||
|
|
17184
|
+
a?.(e), !(e.defaultPrevented || !r || fh(e)) && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), r(e)));
|
|
17179
17185
|
},
|
|
17180
17186
|
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),
|
|
17181
17187
|
...l,
|
|
17182
17188
|
children: c
|
|
17183
17189
|
});
|
|
17184
17190
|
}
|
|
17185
|
-
function
|
|
17186
|
-
let u = o ?
|
|
17191
|
+
function Dh({ className: e, children: t, sortable: n, sortDirection: r, onSort: i, width: a, sticky: o, stickyOffset: s, style: c, ...l }) {
|
|
17192
|
+
let u = o ? hh(o, s, !0) : null;
|
|
17187
17193
|
return /* @__PURE__ */ B("th", {
|
|
17188
17194
|
"data-slot": "data-table-head",
|
|
17189
|
-
className: G(
|
|
17195
|
+
className: G(Mh({ width: a }), u?.className, e),
|
|
17190
17196
|
style: u ? {
|
|
17191
17197
|
...u.style,
|
|
17192
17198
|
...c
|
|
@@ -17197,11 +17203,11 @@ function Eh({ className: e, children: t, sortable: n, sortDirection: r, onSort:
|
|
|
17197
17203
|
type: "button",
|
|
17198
17204
|
onClick: i,
|
|
17199
17205
|
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",
|
|
17200
|
-
children: [t, /* @__PURE__ */ B(
|
|
17206
|
+
children: [t, /* @__PURE__ */ B(gh, { direction: r ?? null })]
|
|
17201
17207
|
}) : t
|
|
17202
17208
|
});
|
|
17203
17209
|
}
|
|
17204
|
-
var
|
|
17210
|
+
var Oh = {
|
|
17205
17211
|
auto: "",
|
|
17206
17212
|
narrow: "w-[48px]",
|
|
17207
17213
|
checkbox: "w-[40px]",
|
|
@@ -17211,7 +17217,7 @@ var Dh = {
|
|
|
17211
17217
|
lg: "w-[300px]",
|
|
17212
17218
|
xl: "w-[400px]",
|
|
17213
17219
|
flex: "w-full min-w-[240px]"
|
|
17214
|
-
},
|
|
17220
|
+
}, kh = {
|
|
17215
17221
|
auto: null,
|
|
17216
17222
|
flex: null,
|
|
17217
17223
|
narrow: 48,
|
|
@@ -17222,7 +17228,7 @@ var Dh = {
|
|
|
17222
17228
|
lg: 300,
|
|
17223
17229
|
xl: 400
|
|
17224
17230
|
};
|
|
17225
|
-
function
|
|
17231
|
+
function Ah(e, t, n) {
|
|
17226
17232
|
let r = t === "left" ? e : [...e].reverse(), i = 0, a = !0;
|
|
17227
17233
|
for (let e of r) {
|
|
17228
17234
|
if (!e.sticky || (e.sticky === "right" ? "right" : "left") !== t) continue;
|
|
@@ -17231,7 +17237,7 @@ function kh(e, t, n) {
|
|
|
17231
17237
|
offset: o,
|
|
17232
17238
|
explicit: r
|
|
17233
17239
|
});
|
|
17234
|
-
let s =
|
|
17240
|
+
let s = kh[e.width ?? "auto"];
|
|
17235
17241
|
if (s == null) {
|
|
17236
17242
|
a = !1;
|
|
17237
17243
|
continue;
|
|
@@ -17239,14 +17245,14 @@ function kh(e, t, n) {
|
|
|
17239
17245
|
i = (r ? e.stickyOffset : i) + s;
|
|
17240
17246
|
}
|
|
17241
17247
|
}
|
|
17242
|
-
function
|
|
17248
|
+
function jh(e) {
|
|
17243
17249
|
let t = /* @__PURE__ */ new Map();
|
|
17244
|
-
return
|
|
17250
|
+
return Ah(e, "left", t), Ah(e, "right", t), t;
|
|
17245
17251
|
}
|
|
17246
|
-
var
|
|
17247
|
-
variants: { width:
|
|
17252
|
+
var Mh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Text-Medium-Emphasis)]", {
|
|
17253
|
+
variants: { width: Oh },
|
|
17248
17254
|
defaultVariants: { width: "auto" }
|
|
17249
|
-
}),
|
|
17255
|
+
}), Nh = H("px-3 py-2.5 typo-body-md text-[var(--Text-High-Emphasis)]", {
|
|
17250
17256
|
variants: {
|
|
17251
17257
|
align: {
|
|
17252
17258
|
left: "text-left",
|
|
@@ -17270,12 +17276,12 @@ var jh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Te
|
|
|
17270
17276
|
width: "auto"
|
|
17271
17277
|
}
|
|
17272
17278
|
});
|
|
17273
|
-
function
|
|
17274
|
-
let l = a ?
|
|
17279
|
+
function Ph({ className: e, align: t, width: n, children: r, clickable: i, sticky: a, stickyOffset: o, style: s, ...c }) {
|
|
17280
|
+
let l = a ? hh(a, o) : null;
|
|
17275
17281
|
return /* @__PURE__ */ B("td", {
|
|
17276
17282
|
"data-slot": "data-table-cell",
|
|
17277
17283
|
"data-clickable": i || void 0,
|
|
17278
|
-
className: G(
|
|
17284
|
+
className: G(Nh({
|
|
17279
17285
|
align: t,
|
|
17280
17286
|
width: n
|
|
17281
17287
|
}), i && "cursor-pointer select-none", l?.className, e),
|
|
@@ -17287,8 +17293,8 @@ function Nh({ className: e, align: t, width: n, children: r, clickable: i, stick
|
|
|
17287
17293
|
children: r
|
|
17288
17294
|
});
|
|
17289
17295
|
}
|
|
17290
|
-
function
|
|
17291
|
-
let l = a ?
|
|
17296
|
+
function Fh({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a, stickyOffset: o, style: s, ...c }) {
|
|
17297
|
+
let l = a ? hh(a, o) : null;
|
|
17292
17298
|
return /* @__PURE__ */ B("td", {
|
|
17293
17299
|
"data-slot": "data-table-avatar-cell",
|
|
17294
17300
|
className: G("px-3 py-2.5", l?.className, e),
|
|
@@ -17318,7 +17324,7 @@ function Ph({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a
|
|
|
17318
17324
|
})
|
|
17319
17325
|
});
|
|
17320
17326
|
}
|
|
17321
|
-
function
|
|
17327
|
+
function Ih({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a = 40, ...o }) {
|
|
17322
17328
|
return /* @__PURE__ */ B("td", {
|
|
17323
17329
|
"data-slot": "data-table-image-cell",
|
|
17324
17330
|
className: G("px-3 py-2.5", e),
|
|
@@ -17346,8 +17352,8 @@ function Fh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a =
|
|
|
17346
17352
|
})
|
|
17347
17353
|
});
|
|
17348
17354
|
}
|
|
17349
|
-
function
|
|
17350
|
-
let u = a ?
|
|
17355
|
+
function Lh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as: i = "td", sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
|
|
17356
|
+
let u = a ? hh(a, o, i === "th") : null;
|
|
17351
17357
|
return /* @__PURE__ */ B(i, {
|
|
17352
17358
|
"data-slot": "data-table-checkbox-cell",
|
|
17353
17359
|
className: G("w-[40px] px-3 py-2.5", u?.className, e),
|
|
@@ -17363,7 +17369,7 @@ function Ih({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as
|
|
|
17363
17369
|
})
|
|
17364
17370
|
});
|
|
17365
17371
|
}
|
|
17366
|
-
function
|
|
17372
|
+
function Rh({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
|
|
17367
17373
|
return /* @__PURE__ */ B("td", {
|
|
17368
17374
|
"data-slot": "data-table-action-cell",
|
|
17369
17375
|
className: G("w-[48px] px-3 py-2.5", e),
|
|
@@ -17374,7 +17380,7 @@ function Lh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
|
|
|
17374
17380
|
type: "button",
|
|
17375
17381
|
className: "flex size-8 items-center justify-center rounded-full text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Secondary)] transition-colors",
|
|
17376
17382
|
"aria-label": n,
|
|
17377
|
-
children: /* @__PURE__ */ B(
|
|
17383
|
+
children: /* @__PURE__ */ B(_h, {})
|
|
17378
17384
|
})
|
|
17379
17385
|
}), /* @__PURE__ */ B(xr, {
|
|
17380
17386
|
align: "end",
|
|
@@ -17387,11 +17393,11 @@ function Lh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
|
|
|
17387
17393
|
})] })
|
|
17388
17394
|
});
|
|
17389
17395
|
}
|
|
17390
|
-
function
|
|
17391
|
-
let u = a ?
|
|
17396
|
+
function zh({ className: e, value: t, onChange: n, placeholder: r, width: i, sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
|
|
17397
|
+
let u = a ? hh(a, o) : null;
|
|
17392
17398
|
return /* @__PURE__ */ B("td", {
|
|
17393
17399
|
"data-slot": "data-table-input-cell",
|
|
17394
|
-
className: G(
|
|
17400
|
+
className: G(Nh({ width: i }), "py-1.5", u?.className, e),
|
|
17395
17401
|
style: u ? {
|
|
17396
17402
|
...u.style,
|
|
17397
17403
|
...s
|
|
@@ -17407,11 +17413,11 @@ function Rh({ className: e, value: t, onChange: n, placeholder: r, width: i, sti
|
|
|
17407
17413
|
})
|
|
17408
17414
|
});
|
|
17409
17415
|
}
|
|
17410
|
-
function
|
|
17411
|
-
let m = o ?
|
|
17416
|
+
function Bh({ 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 }) {
|
|
17417
|
+
let m = o ? hh(o, s) : null;
|
|
17412
17418
|
return /* @__PURE__ */ B("td", {
|
|
17413
17419
|
"data-slot": "data-table-select-cell",
|
|
17414
|
-
className: G(
|
|
17420
|
+
className: G(Nh({ width: a }), "py-1.5", m?.className, e),
|
|
17415
17421
|
style: m ? {
|
|
17416
17422
|
...m.style,
|
|
17417
17423
|
...c
|
|
@@ -17435,11 +17441,11 @@ function zh({ className: e, value: t, onValueChange: n, placeholder: r, options:
|
|
|
17435
17441
|
})
|
|
17436
17442
|
});
|
|
17437
17443
|
}
|
|
17438
|
-
function
|
|
17439
|
-
let p = l ?
|
|
17444
|
+
function Vh({ 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 }) {
|
|
17445
|
+
let p = l ? hh(l, u) : null;
|
|
17440
17446
|
return /* @__PURE__ */ B("td", {
|
|
17441
17447
|
"data-slot": "data-table-date-cell",
|
|
17442
|
-
className: G(
|
|
17448
|
+
className: G(Nh({ width: c }), "py-1.5", p?.className, e),
|
|
17443
17449
|
style: p ? {
|
|
17444
17450
|
...p.style,
|
|
17445
17451
|
...d
|
|
@@ -17456,7 +17462,7 @@ function Bh({ className: e, value: t, onValueChange: n, placeholder: r = "日付
|
|
|
17456
17462
|
})
|
|
17457
17463
|
});
|
|
17458
17464
|
}
|
|
17459
|
-
function
|
|
17465
|
+
function Hh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a }) {
|
|
17460
17466
|
return /* @__PURE__ */ V("td", {
|
|
17461
17467
|
"data-slot": "data-table-number-cell",
|
|
17462
17468
|
className: G("px-3 py-2.5 text-right typo-body-md tabular-nums text-[var(--Text-High-Emphasis)]", e),
|
|
@@ -17468,15 +17474,15 @@ function Vh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a })
|
|
|
17468
17474
|
]
|
|
17469
17475
|
});
|
|
17470
17476
|
}
|
|
17471
|
-
function
|
|
17477
|
+
function Uh({ className: e, ...t }) {
|
|
17472
17478
|
return /* @__PURE__ */ B("td", {
|
|
17473
17479
|
"data-slot": "data-table-drag-handle-cell",
|
|
17474
17480
|
className: G("w-[36px] px-2 py-2.5 cursor-grab text-[var(--Text-Low-Emphasis)]", e),
|
|
17475
17481
|
...t,
|
|
17476
|
-
children: /* @__PURE__ */ B(
|
|
17482
|
+
children: /* @__PURE__ */ B(bh, {})
|
|
17477
17483
|
});
|
|
17478
17484
|
}
|
|
17479
|
-
function
|
|
17485
|
+
function Wh({ className: e, href: t, external: n, children: r, ...i }) {
|
|
17480
17486
|
return /* @__PURE__ */ B("td", {
|
|
17481
17487
|
"data-slot": "data-table-link-cell",
|
|
17482
17488
|
className: G("px-3 py-2.5", e),
|
|
@@ -17486,11 +17492,11 @@ function Uh({ className: e, href: t, external: n, children: r, ...i }) {
|
|
|
17486
17492
|
target: n ? "_blank" : void 0,
|
|
17487
17493
|
rel: n ? "noopener noreferrer" : void 0,
|
|
17488
17494
|
className: "inline-flex items-center gap-1 whitespace-nowrap typo-body-md text-[var(--Text-Accent-Primary)] hover:underline",
|
|
17489
|
-
children: [r, n && /* @__PURE__ */ B(
|
|
17495
|
+
children: [r, n && /* @__PURE__ */ B(yh, {})]
|
|
17490
17496
|
})
|
|
17491
17497
|
});
|
|
17492
17498
|
}
|
|
17493
|
-
function
|
|
17499
|
+
function Gh({ className: e, selectedCount: t, children: n, ...r }) {
|
|
17494
17500
|
return t === 0 ? null : /* @__PURE__ */ V("div", {
|
|
17495
17501
|
"data-slot": "data-table-bulk-actions",
|
|
17496
17502
|
className: G("flex flex-wrap items-center gap-3 rounded-lg bg-[var(--Surface-Accent-Primary-Light)] px-4 py-3", e),
|
|
@@ -17503,12 +17509,12 @@ function Wh({ className: e, selectedCount: t, children: n, ...r }) {
|
|
|
17503
17509
|
}), n]
|
|
17504
17510
|
});
|
|
17505
17511
|
}
|
|
17506
|
-
var
|
|
17512
|
+
var Kh = {
|
|
17507
17513
|
sm: "typo-label-md",
|
|
17508
17514
|
md: "typo-label-lg",
|
|
17509
17515
|
lg: "typo-heading-sm"
|
|
17510
17516
|
};
|
|
17511
|
-
function
|
|
17517
|
+
function qh({ 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 }) {
|
|
17512
17518
|
return /* @__PURE__ */ B("tr", {
|
|
17513
17519
|
"data-slot": "data-table-section-row",
|
|
17514
17520
|
className: G("bg-[var(--Surface-Tertiary)] border-y border-[var(--Border-Low-Emphasis)]", e),
|
|
@@ -17521,11 +17527,11 @@ function Kh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
|
|
|
17521
17527
|
style: o ? { left: s } : void 0,
|
|
17522
17528
|
children: /* @__PURE__ */ V("button", {
|
|
17523
17529
|
type: "button",
|
|
17524
|
-
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",
|
|
17530
|
+
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", Kh[c], u),
|
|
17525
17531
|
onClick: i,
|
|
17526
17532
|
"aria-expanded": r,
|
|
17527
17533
|
children: [
|
|
17528
|
-
/* @__PURE__ */ B(
|
|
17534
|
+
/* @__PURE__ */ B(xh, { open: r }),
|
|
17529
17535
|
t,
|
|
17530
17536
|
n !== void 0 && /* @__PURE__ */ V("span", {
|
|
17531
17537
|
className: "typo-body-md text-[var(--Text-Low-Emphasis)]",
|
|
@@ -17541,7 +17547,7 @@ function Kh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
|
|
|
17541
17547
|
})
|
|
17542
17548
|
});
|
|
17543
17549
|
}
|
|
17544
|
-
function
|
|
17550
|
+
function Jh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
|
|
17545
17551
|
return /* @__PURE__ */ B("tr", {
|
|
17546
17552
|
"data-slot": "data-table-add-row",
|
|
17547
17553
|
className: G("border-t border-dashed border-[var(--Border-Low-Emphasis)]", e),
|
|
@@ -17553,12 +17559,12 @@ function qh({ className: e, label: t = "追加する", onClick: n, colSpan: r, .
|
|
|
17553
17559
|
type: "button",
|
|
17554
17560
|
className: "inline-flex items-center gap-2 typo-label-md text-[var(--Text-Accent-Primary)] hover:underline",
|
|
17555
17561
|
onClick: n,
|
|
17556
|
-
children: [/* @__PURE__ */ B(
|
|
17562
|
+
children: [/* @__PURE__ */ B(vh, {}), t]
|
|
17557
17563
|
})
|
|
17558
17564
|
})
|
|
17559
17565
|
});
|
|
17560
17566
|
}
|
|
17561
|
-
function
|
|
17567
|
+
function Yh({ className: e, icon: t, message: n = "データがありません", description: r, action: i, colSpan: a, ...o }) {
|
|
17562
17568
|
return /* @__PURE__ */ B("tr", {
|
|
17563
17569
|
"data-slot": "data-table-empty-state",
|
|
17564
17570
|
className: G("", e),
|
|
@@ -17590,18 +17596,18 @@ function Jh({ className: e, icon: t, message: n = "データがありません",
|
|
|
17590
17596
|
})
|
|
17591
17597
|
});
|
|
17592
17598
|
}
|
|
17593
|
-
function
|
|
17599
|
+
function Xh(e) {
|
|
17594
17600
|
return e.toLocaleDateString("ja-JP", {
|
|
17595
17601
|
year: "numeric",
|
|
17596
17602
|
month: "2-digit",
|
|
17597
17603
|
day: "2-digit"
|
|
17598
17604
|
});
|
|
17599
17605
|
}
|
|
17600
|
-
function
|
|
17606
|
+
function Zh(e, t) {
|
|
17601
17607
|
let n = new Set(Array.isArray(t) ? t : t ? [t] : []);
|
|
17602
17608
|
return e.filter((e) => n.has(e.value));
|
|
17603
17609
|
}
|
|
17604
|
-
function
|
|
17610
|
+
function Qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLabel: r = "未設定", format: i, ...a }) {
|
|
17605
17611
|
return {
|
|
17606
17612
|
...a,
|
|
17607
17613
|
edit: {
|
|
@@ -17611,7 +17617,7 @@ function Zh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
|
|
|
17611
17617
|
value: e,
|
|
17612
17618
|
onCellCommit: t,
|
|
17613
17619
|
sortValue: (t, n) => e(t, n),
|
|
17614
|
-
cell: ({ row: e, rowIndex: t, value: n }) => n ? i ? i(n, e, t) :
|
|
17620
|
+
cell: ({ row: e, rowIndex: t, value: n }) => n ? i ? i(n, e, t) : Xh(n) : /* @__PURE__ */ B("span", {
|
|
17615
17621
|
className: "text-[var(--Text-Low-Emphasis)]",
|
|
17616
17622
|
children: r
|
|
17617
17623
|
}),
|
|
@@ -17623,7 +17629,7 @@ function Zh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
|
|
|
17623
17629
|
})
|
|
17624
17630
|
};
|
|
17625
17631
|
}
|
|
17626
|
-
function
|
|
17632
|
+
function $h({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i = "未設定", ...a }) {
|
|
17627
17633
|
return {
|
|
17628
17634
|
...a,
|
|
17629
17635
|
edit: {
|
|
@@ -17637,7 +17643,7 @@ function Qh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
|
|
|
17637
17643
|
return Array.isArray(r) ? r.join(",") : typeof r == "string" ? r : void 0;
|
|
17638
17644
|
},
|
|
17639
17645
|
cell: ({ value: e }) => {
|
|
17640
|
-
let n =
|
|
17646
|
+
let n = Zh(t, e);
|
|
17641
17647
|
return n.length === 0 ? /* @__PURE__ */ B("span", {
|
|
17642
17648
|
className: "text-[var(--Text-Low-Emphasis)]",
|
|
17643
17649
|
children: i
|
|
@@ -17655,7 +17661,7 @@ function Qh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
|
|
|
17655
17661
|
className: "flex flex-wrap gap-1.5",
|
|
17656
17662
|
children: t.map((e) => {
|
|
17657
17663
|
let t = i.has(e.value), a = r ? t ? Array.from(i).filter((t) => t !== e.value) : [...Array.from(i), e.value] : e.value;
|
|
17658
|
-
return /* @__PURE__ */ V(
|
|
17664
|
+
return /* @__PURE__ */ V(zf, {
|
|
17659
17665
|
size: "sm",
|
|
17660
17666
|
variant: "accent",
|
|
17661
17667
|
selected: t,
|
|
@@ -17667,7 +17673,7 @@ function Qh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
|
|
|
17667
17673
|
}
|
|
17668
17674
|
};
|
|
17669
17675
|
}
|
|
17670
|
-
function
|
|
17676
|
+
function eg({ value: e, options: t, onCommit: n, placeholder: r = "選択", emptyLabel: i = "未設定", contentPosition: a = "popper", ...o }) {
|
|
17671
17677
|
return {
|
|
17672
17678
|
...o,
|
|
17673
17679
|
edit: {
|
|
@@ -17705,7 +17711,7 @@ function $h({ value: e, options: t, onCommit: n, placeholder: r = "選択", empt
|
|
|
17705
17711
|
}
|
|
17706
17712
|
//#endregion
|
|
17707
17713
|
//#region src/components/patterns/menu-drawer.tsx
|
|
17708
|
-
function
|
|
17714
|
+
function tg({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width: a = 280, className: o }) {
|
|
17709
17715
|
return /* @__PURE__ */ B(gl, {
|
|
17710
17716
|
open: e,
|
|
17711
17717
|
onOpenChange: (e) => !e && t(),
|
|
@@ -17783,25 +17789,25 @@ function eg({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width
|
|
|
17783
17789
|
}
|
|
17784
17790
|
//#endregion
|
|
17785
17791
|
//#region src/components/patterns/media-action-cluster.tsx
|
|
17786
|
-
var
|
|
17792
|
+
var ng = {
|
|
17787
17793
|
"top-left": "top-[max(1rem,env(safe-area-inset-top))] left-[max(1rem,env(safe-area-inset-left))]",
|
|
17788
17794
|
"top-right": "top-[max(1rem,env(safe-area-inset-top))] right-[max(1rem,env(safe-area-inset-right))]",
|
|
17789
17795
|
"bottom-left": "bottom-[max(1rem,env(safe-area-inset-bottom))] left-[max(1rem,env(safe-area-inset-left))]",
|
|
17790
17796
|
"bottom-right": "bottom-[max(1rem,env(safe-area-inset-bottom))] right-[max(1rem,env(safe-area-inset-right))]",
|
|
17791
17797
|
"center-left": "top-1/2 left-[max(1rem,env(safe-area-inset-left))] -translate-y-1/2",
|
|
17792
17798
|
"center-right": "top-1/2 right-[max(1rem,env(safe-area-inset-right))] -translate-y-1/2"
|
|
17793
|
-
},
|
|
17799
|
+
}, rg = {
|
|
17794
17800
|
vertical: "flex-col",
|
|
17795
17801
|
horizontal: "flex-row",
|
|
17796
17802
|
auto: "flex-col landscape:flex-row"
|
|
17797
17803
|
};
|
|
17798
|
-
function
|
|
17804
|
+
function ig(e, t) {
|
|
17799
17805
|
return e === "below" ? "flex-col" : e === "side" || t === "horizontal" ? "flex-row" : t === "vertical" ? "flex-col" : "flex-col landscape:flex-row";
|
|
17800
17806
|
}
|
|
17801
|
-
function
|
|
17807
|
+
function ag(e) {
|
|
17802
17808
|
return typeof e == "number" && e > 99 ? "99+" : e;
|
|
17803
17809
|
}
|
|
17804
|
-
function
|
|
17810
|
+
function og({ 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 = "メディアアクション", ...u }) {
|
|
17805
17811
|
let f = a != null && a > 0, [p, m] = d.useState({
|
|
17806
17812
|
autoHideEnabled: f,
|
|
17807
17813
|
value: o
|
|
@@ -17844,7 +17850,7 @@ function ag({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
17844
17850
|
window.removeEventListener("pointerdown", e), window.removeEventListener("touchstart", e), window.removeEventListener("keydown", e), window.removeEventListener("wheel", e);
|
|
17845
17851
|
};
|
|
17846
17852
|
}, [f, b]);
|
|
17847
|
-
let x =
|
|
17853
|
+
let x = ig(i, t);
|
|
17848
17854
|
return /* @__PURE__ */ B("div", {
|
|
17849
17855
|
"data-slot": "media-action-cluster",
|
|
17850
17856
|
"data-orientation": t,
|
|
@@ -17854,16 +17860,16 @@ function ag({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
17854
17860
|
"aria-label": l,
|
|
17855
17861
|
onPointerEnter: b,
|
|
17856
17862
|
onFocusCapture: b,
|
|
17857
|
-
className: G("z-[var(--Z-Nav)] flex items-center gap-3 transition-opacity duration-[var(--Motion-Duration-Slow)]", r === "fixed" ? "fixed" : "absolute",
|
|
17863
|
+
className: G("z-[var(--Z-Nav)] flex items-center gap-3 transition-opacity duration-[var(--Motion-Duration-Slow)]", r === "fixed" ? "fixed" : "absolute", ng[n], rg[t], h ? "opacity-100" : "opacity-40", c),
|
|
17858
17864
|
...u,
|
|
17859
|
-
children: e.map((e, t) => /* @__PURE__ */ B(
|
|
17865
|
+
children: e.map((e, t) => /* @__PURE__ */ B(sg, {
|
|
17860
17866
|
item: e,
|
|
17861
17867
|
itemDirection: x,
|
|
17862
17868
|
onReveal: b
|
|
17863
17869
|
}, e.id ?? `${e.label}-${t}`))
|
|
17864
17870
|
});
|
|
17865
17871
|
}
|
|
17866
|
-
function
|
|
17872
|
+
function sg({ item: e, itemDirection: t, onReveal: n }) {
|
|
17867
17873
|
let r = (t) => {
|
|
17868
17874
|
if (n(), e.disabled) {
|
|
17869
17875
|
t.preventDefault();
|
|
@@ -17875,7 +17881,7 @@ function og({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
17875
17881
|
"aria-hidden": "true",
|
|
17876
17882
|
children: [e.icon, e.badge != null && /* @__PURE__ */ B("span", {
|
|
17877
17883
|
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)]",
|
|
17878
|
-
children:
|
|
17884
|
+
children: ag(e.badge)
|
|
17879
17885
|
})]
|
|
17880
17886
|
}), /* @__PURE__ */ B("span", {
|
|
17881
17887
|
className: "max-w-24 truncate text-center typo-label-xs text-on-media",
|
|
@@ -17901,15 +17907,15 @@ function og({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
17901
17907
|
}
|
|
17902
17908
|
//#endregion
|
|
17903
17909
|
//#region src/components/patterns/photo-hero.tsx
|
|
17904
|
-
var
|
|
17910
|
+
var cg = {
|
|
17905
17911
|
none: "bg-transparent",
|
|
17906
17912
|
medium: "bg-[var(--Surface-VideoOverlay-Medium)]",
|
|
17907
17913
|
dark: "bg-[var(--Surface-VideoOverlay-Strong)]"
|
|
17908
|
-
},
|
|
17914
|
+
}, lg = {
|
|
17909
17915
|
bottom: "justify-end pt-24 pb-[calc(env(safe-area-inset-bottom,0px)_+_3rem)]",
|
|
17910
17916
|
center: "justify-center py-16"
|
|
17911
17917
|
};
|
|
17912
|
-
function
|
|
17918
|
+
function ug({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, className: a, imageClassName: o, contentClassName: s, loading: c = "lazy", ...l }) {
|
|
17913
17919
|
return /* @__PURE__ */ V("section", {
|
|
17914
17920
|
"data-slot": "photo-hero",
|
|
17915
17921
|
"data-overlay": n,
|
|
@@ -17924,10 +17930,10 @@ function lg({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
17924
17930
|
loading: c,
|
|
17925
17931
|
className: G("absolute inset-0 size-full object-cover", o)
|
|
17926
17932
|
}),
|
|
17927
|
-
/* @__PURE__ */ B("div", { className: G("absolute inset-0 z-0",
|
|
17933
|
+
/* @__PURE__ */ B("div", { className: G("absolute inset-0 z-0", cg[n]) }),
|
|
17928
17934
|
/* @__PURE__ */ B("div", {
|
|
17929
17935
|
"data-slot": "photo-hero-content",
|
|
17930
|
-
className: G("relative z-10 flex min-h-[inherit] w-full flex-col px-6",
|
|
17936
|
+
className: G("relative z-10 flex min-h-[inherit] w-full flex-col px-6", lg[r], s),
|
|
17931
17937
|
children: /* @__PURE__ */ B("div", {
|
|
17932
17938
|
className: "flex w-full flex-col gap-4",
|
|
17933
17939
|
children: i
|
|
@@ -17936,7 +17942,7 @@ function lg({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
17936
17942
|
]
|
|
17937
17943
|
});
|
|
17938
17944
|
}
|
|
17939
|
-
function
|
|
17945
|
+
function dg({ className: e, children: t, ...n }) {
|
|
17940
17946
|
return /* @__PURE__ */ B("p", {
|
|
17941
17947
|
"data-slot": "photo-hero-eyebrow",
|
|
17942
17948
|
className: G("typo-label-sm text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
|
|
@@ -17944,7 +17950,7 @@ function ug({ className: e, children: t, ...n }) {
|
|
|
17944
17950
|
children: t
|
|
17945
17951
|
});
|
|
17946
17952
|
}
|
|
17947
|
-
function
|
|
17953
|
+
function fg({ className: e, children: t, ...n }) {
|
|
17948
17954
|
return /* @__PURE__ */ B("h1", {
|
|
17949
17955
|
"data-slot": "photo-hero-title",
|
|
17950
17956
|
className: G("max-w-xl typo-heading-3xl text-[var(--Text-on-Media)] typo-on-image", e),
|
|
@@ -17952,7 +17958,7 @@ function dg({ className: e, children: t, ...n }) {
|
|
|
17952
17958
|
children: t
|
|
17953
17959
|
});
|
|
17954
17960
|
}
|
|
17955
|
-
function
|
|
17961
|
+
function pg({ className: e, children: t, ...n }) {
|
|
17956
17962
|
return /* @__PURE__ */ B("p", {
|
|
17957
17963
|
"data-slot": "photo-hero-body",
|
|
17958
17964
|
className: G("max-w-xl typo-body-md text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
|
|
@@ -17960,7 +17966,7 @@ function fg({ className: e, children: t, ...n }) {
|
|
|
17960
17966
|
children: t
|
|
17961
17967
|
});
|
|
17962
17968
|
}
|
|
17963
|
-
function
|
|
17969
|
+
function mg({ className: e, children: t, ...n }) {
|
|
17964
17970
|
return /* @__PURE__ */ B("div", {
|
|
17965
17971
|
"data-slot": "photo-hero-actions",
|
|
17966
17972
|
className: G("mt-2 flex flex-col gap-3", e),
|
|
@@ -17968,16 +17974,16 @@ function pg({ className: e, children: t, ...n }) {
|
|
|
17968
17974
|
children: t
|
|
17969
17975
|
});
|
|
17970
17976
|
}
|
|
17971
|
-
var
|
|
17972
|
-
Eyebrow:
|
|
17973
|
-
Title:
|
|
17974
|
-
Body:
|
|
17975
|
-
Actions:
|
|
17976
|
-
}),
|
|
17977
|
+
var hg = Object.assign(ug, {
|
|
17978
|
+
Eyebrow: dg,
|
|
17979
|
+
Title: fg,
|
|
17980
|
+
Body: pg,
|
|
17981
|
+
Actions: mg
|
|
17982
|
+
}), gg = {
|
|
17977
17983
|
none: "",
|
|
17978
17984
|
page: "px-6 py-6"
|
|
17979
17985
|
};
|
|
17980
|
-
function
|
|
17986
|
+
function _g({ 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 }) {
|
|
17981
17987
|
return /* @__PURE__ */ V("div", {
|
|
17982
17988
|
"data-slot": "screen",
|
|
17983
17989
|
"data-scroll": r,
|
|
@@ -17985,7 +17991,7 @@ function gg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
17985
17991
|
className: G("flex h-[100dvh] min-h-0 flex-col overflow-hidden bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", a),
|
|
17986
17992
|
...f,
|
|
17987
17993
|
children: [
|
|
17988
|
-
u && d && /* @__PURE__ */ B(
|
|
17994
|
+
u && d && /* @__PURE__ */ B(qp, {
|
|
17989
17995
|
targetId: l,
|
|
17990
17996
|
label: d
|
|
17991
17997
|
}),
|
|
@@ -17998,7 +18004,7 @@ function gg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
17998
18004
|
id: l,
|
|
17999
18005
|
tabIndex: -1,
|
|
18000
18006
|
"data-slot": "screen-body",
|
|
18001
|
-
className: G("flex-1 min-h-0", r ? "overflow-y-auto overscroll-contain" : "overflow-hidden",
|
|
18007
|
+
className: G("flex-1 min-h-0", r ? "overflow-y-auto overscroll-contain" : "overflow-hidden", gg[i], o),
|
|
18002
18008
|
children: e
|
|
18003
18009
|
}),
|
|
18004
18010
|
t && /* @__PURE__ */ B("footer", {
|
|
@@ -18011,7 +18017,7 @@ function gg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
18011
18017
|
}
|
|
18012
18018
|
//#endregion
|
|
18013
18019
|
//#region src/components/patterns/footer.tsx
|
|
18014
|
-
function
|
|
18020
|
+
function vg(e, t) {
|
|
18015
18021
|
return e.render ? e.render({
|
|
18016
18022
|
href: e.href,
|
|
18017
18023
|
className: t.className,
|
|
@@ -18031,7 +18037,7 @@ function _g(e, t) {
|
|
|
18031
18037
|
children: t.children
|
|
18032
18038
|
});
|
|
18033
18039
|
}
|
|
18034
|
-
function
|
|
18040
|
+
function yg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r = [], extra: i, copyright: a, className: o }) {
|
|
18035
18041
|
return /* @__PURE__ */ B("footer", {
|
|
18036
18042
|
"data-slot": "footer",
|
|
18037
18043
|
className: G("bg-[var(--Surface-Inverse)] text-[var(--Text-on-Inverse)] w-full", o),
|
|
@@ -18050,7 +18056,7 @@ function vg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
|
|
|
18050
18056
|
children: e.title
|
|
18051
18057
|
}), /* @__PURE__ */ B("ul", {
|
|
18052
18058
|
className: "flex flex-col gap-2",
|
|
18053
|
-
children: e.links.map((e, t) => /* @__PURE__ */ B("li", { children:
|
|
18059
|
+
children: e.links.map((e, t) => /* @__PURE__ */ B("li", { children: vg(e, {
|
|
18054
18060
|
className: "typo-body-sm text-[var(--Text-on-Inverse)]/70 hover:text-[var(--Text-on-Inverse)] transition-colors",
|
|
18055
18061
|
children: e.label
|
|
18056
18062
|
}) }, t))
|
|
@@ -18062,7 +18068,7 @@ function vg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
|
|
|
18062
18068
|
}),
|
|
18063
18069
|
r.length > 0 && /* @__PURE__ */ B("div", {
|
|
18064
18070
|
className: "flex flex-wrap gap-3 mb-6",
|
|
18065
|
-
children: r.map((e, t) => /* @__PURE__ */ B(d.Fragment, { children:
|
|
18071
|
+
children: r.map((e, t) => /* @__PURE__ */ B(d.Fragment, { children: vg(e, {
|
|
18066
18072
|
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",
|
|
18067
18073
|
children: e.icon,
|
|
18068
18074
|
ariaLabel: e.label
|
|
@@ -18085,7 +18091,7 @@ function vg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
|
|
|
18085
18091
|
}
|
|
18086
18092
|
//#endregion
|
|
18087
18093
|
//#region src/components/patterns/share-buttons.tsx
|
|
18088
|
-
var
|
|
18094
|
+
var bg = {
|
|
18089
18095
|
global: [
|
|
18090
18096
|
"line",
|
|
18091
18097
|
"x",
|
|
@@ -18103,10 +18109,10 @@ var yg = {
|
|
|
18103
18109
|
"copy"
|
|
18104
18110
|
]
|
|
18105
18111
|
};
|
|
18106
|
-
function
|
|
18112
|
+
function xg(e, t) {
|
|
18107
18113
|
return t ? `${t} ${e}` : e;
|
|
18108
18114
|
}
|
|
18109
|
-
var
|
|
18115
|
+
var Sg = {
|
|
18110
18116
|
line: {
|
|
18111
18117
|
label: "LINE",
|
|
18112
18118
|
buildUrl: (e, t) => `https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(e)}${t ? `&text=${encodeURIComponent(t)}` : ""}`,
|
|
@@ -18191,7 +18197,7 @@ var xg = {
|
|
|
18191
18197
|
},
|
|
18192
18198
|
email: {
|
|
18193
18199
|
label: "メール",
|
|
18194
|
-
buildUrl: (e, t) => `mailto:?subject=${encodeURIComponent(t ?? "")}&body=${encodeURIComponent(
|
|
18200
|
+
buildUrl: (e, t) => `mailto:?subject=${encodeURIComponent(t ?? "")}&body=${encodeURIComponent(xg(e, t))}`,
|
|
18195
18201
|
icon: /* @__PURE__ */ V("svg", {
|
|
18196
18202
|
width: "20",
|
|
18197
18203
|
height: "20",
|
|
@@ -18219,7 +18225,7 @@ var xg = {
|
|
|
18219
18225
|
},
|
|
18220
18226
|
whatsapp: {
|
|
18221
18227
|
label: "WhatsApp",
|
|
18222
|
-
buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(
|
|
18228
|
+
buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(xg(e, t))}`,
|
|
18223
18229
|
icon: /* @__PURE__ */ V("svg", {
|
|
18224
18230
|
width: "20",
|
|
18225
18231
|
height: "20",
|
|
@@ -18277,8 +18283,8 @@ var xg = {
|
|
|
18277
18283
|
inlineClass: "border-[var(--Border-Medium-Emphasis)] text-[var(--Text-Medium-Emphasis)] hover:border-[var(--Brand-Primary)] hover:text-[var(--Brand-Primary)]"
|
|
18278
18284
|
}
|
|
18279
18285
|
};
|
|
18280
|
-
function
|
|
18281
|
-
let [p, m] = d.useState(null), h = d.useRef(null), g = d.useRef(0), _ = n ??
|
|
18286
|
+
function Cg({ url: e, title: t, providers: n, region: r = "global", layout: i = "circle", className: a, onShare: o, onCopy: s, copiedLabel: c = "コピーしました", copyErrorLabel: l = "コピーできませんでした", feedbackDuration: u = 2e3, groupLabel: f = "シェア" }) {
|
|
18287
|
+
let [p, m] = d.useState(null), h = d.useRef(null), g = d.useRef(0), _ = n ?? bg[r];
|
|
18282
18288
|
d.useEffect(() => () => {
|
|
18283
18289
|
g.current += 1, h.current && clearTimeout(h.current);
|
|
18284
18290
|
}, []);
|
|
@@ -18303,7 +18309,7 @@ function Sg({ url: e, title: t, providers: n, region: r = "global", layout: i =
|
|
|
18303
18309
|
await y(n);
|
|
18304
18310
|
return;
|
|
18305
18311
|
}
|
|
18306
|
-
let r =
|
|
18312
|
+
let r = Sg[n];
|
|
18307
18313
|
if (r.webShare && typeof navigator < "u" && "share" in navigator) {
|
|
18308
18314
|
try {
|
|
18309
18315
|
await navigator.share({
|
|
@@ -18327,7 +18333,7 @@ function Sg({ url: e, title: t, providers: n, region: r = "global", layout: i =
|
|
|
18327
18333
|
"aria-label": f,
|
|
18328
18334
|
"data-region": r,
|
|
18329
18335
|
children: _.map((e) => {
|
|
18330
|
-
let t =
|
|
18336
|
+
let t = Sg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
|
|
18331
18337
|
return /* @__PURE__ */ V("button", {
|
|
18332
18338
|
type: "button",
|
|
18333
18339
|
onClick: () => void b(e),
|
|
@@ -18362,7 +18368,7 @@ function Sg({ url: e, title: t, providers: n, region: r = "global", layout: i =
|
|
|
18362
18368
|
"aria-label": f,
|
|
18363
18369
|
"data-region": r,
|
|
18364
18370
|
children: _.map((e) => {
|
|
18365
|
-
let t =
|
|
18371
|
+
let t = Sg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
|
|
18366
18372
|
return /* @__PURE__ */ V("button", {
|
|
18367
18373
|
type: "button",
|
|
18368
18374
|
onClick: () => void b(e),
|
|
@@ -18392,18 +18398,18 @@ function Sg({ url: e, title: t, providers: n, region: r = "global", layout: i =
|
|
|
18392
18398
|
}
|
|
18393
18399
|
//#endregion
|
|
18394
18400
|
//#region src/components/patterns/banner-carousel.tsx
|
|
18395
|
-
var
|
|
18401
|
+
var wg = [
|
|
18396
18402
|
"var(--Categorical-10-Bold)",
|
|
18397
18403
|
"var(--Categorical-6-Bold)",
|
|
18398
18404
|
"var(--Categorical-13-Bold)",
|
|
18399
18405
|
"var(--Categorical-3-Bold)",
|
|
18400
18406
|
"var(--Categorical-11-Bold)"
|
|
18401
|
-
],
|
|
18407
|
+
], Tg = {
|
|
18402
18408
|
"2/1": "aspect-[2/1]",
|
|
18403
18409
|
"3/2": "aspect-[3/2]",
|
|
18404
18410
|
"4/3": "aspect-[4/3]"
|
|
18405
18411
|
};
|
|
18406
|
-
function
|
|
18412
|
+
function Eg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, itemAspectRatio: i = "2/1", itemWidth: a = 200, className: o, regionLabel: s = "バナー一覧" }) {
|
|
18407
18413
|
return /* @__PURE__ */ V("div", {
|
|
18408
18414
|
"data-slot": "banner-carousel",
|
|
18409
18415
|
className: G("w-full", o),
|
|
@@ -18423,7 +18429,7 @@ function Tg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
|
|
|
18423
18429
|
role: "region",
|
|
18424
18430
|
"aria-label": s,
|
|
18425
18431
|
children: t.map((e, t) => {
|
|
18426
|
-
let n = e.gradient ??
|
|
18432
|
+
let n = e.gradient ?? wg[t % wg.length], r = e.href ? "a" : e.onClick ? "button" : "div";
|
|
18427
18433
|
return /* @__PURE__ */ V(r, {
|
|
18428
18434
|
href: e.href,
|
|
18429
18435
|
type: r === "button" ? "button" : void 0,
|
|
@@ -18433,7 +18439,7 @@ function Tg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
|
|
|
18433
18439
|
flexShrink: 0,
|
|
18434
18440
|
background: e.imageSrc ? void 0 : n
|
|
18435
18441
|
},
|
|
18436
|
-
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",
|
|
18442
|
+
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", Tg[i] ?? "aspect-[2/1]", e.href && "block", !e.imageSrc && (e.gradient ? "text-[var(--Text-on-Media)]" : "text-[var(--Text-on-Inverse)]")),
|
|
18437
18443
|
children: [e.imageSrc && /* @__PURE__ */ B("img", {
|
|
18438
18444
|
src: e.imageSrc,
|
|
18439
18445
|
alt: e.caption ?? "",
|
|
@@ -18456,7 +18462,7 @@ function Tg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
|
|
|
18456
18462
|
}
|
|
18457
18463
|
//#endregion
|
|
18458
18464
|
//#region src/components/patterns/content-carousel.tsx
|
|
18459
|
-
function
|
|
18465
|
+
function Dg() {
|
|
18460
18466
|
let [e, t] = d.useState(!1);
|
|
18461
18467
|
return d.useEffect(() => {
|
|
18462
18468
|
if (typeof window.matchMedia != "function") return;
|
|
@@ -18464,8 +18470,8 @@ function Eg() {
|
|
|
18464
18470
|
return n(), e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
|
|
18465
18471
|
}, []), e;
|
|
18466
18472
|
}
|
|
18467
|
-
function
|
|
18468
|
-
let g = d.Children.toArray(e), _ = g.length, [v, y] = d.useState(!1), b =
|
|
18473
|
+
function Og({ 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: u, onFocusCapture: f, onBlurCapture: p, tabIndex: m = 0, ...h }) {
|
|
18474
|
+
let g = d.Children.toArray(e), _ = g.length, [v, y] = d.useState(!1), b = Dg(), { active: x, goTo: S, next: C, previous: w, scrollRef: T } = xm({
|
|
18469
18475
|
total: _,
|
|
18470
18476
|
autoPlay: a,
|
|
18471
18477
|
paused: v || b
|
|
@@ -18511,7 +18517,7 @@ function Dg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
|
|
|
18511
18517
|
className: "w-full shrink-0 snap-start",
|
|
18512
18518
|
children: e
|
|
18513
18519
|
}, t))
|
|
18514
|
-
}), /* @__PURE__ */ B(
|
|
18520
|
+
}), /* @__PURE__ */ B(Sm, {
|
|
18515
18521
|
active: x,
|
|
18516
18522
|
total: _,
|
|
18517
18523
|
showArrows: i,
|
|
@@ -18526,7 +18532,7 @@ function Dg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
|
|
|
18526
18532
|
}
|
|
18527
18533
|
//#endregion
|
|
18528
18534
|
//#region src/components/patterns/sticky-action-bar.tsx
|
|
18529
|
-
function
|
|
18535
|
+
function kg({ className: e, bordered: t = !0, children: n, ...r }) {
|
|
18530
18536
|
return /* @__PURE__ */ B("div", {
|
|
18531
18537
|
"data-slot": "sticky-action-bar",
|
|
18532
18538
|
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),
|
|
@@ -18536,7 +18542,7 @@ function Og({ className: e, bordered: t = !0, children: n, ...r }) {
|
|
|
18536
18542
|
}
|
|
18537
18543
|
//#endregion
|
|
18538
18544
|
//#region src/components/patterns/category-nav.tsx
|
|
18539
|
-
function
|
|
18545
|
+
function Ag({ items: e, className: t }) {
|
|
18540
18546
|
return /* @__PURE__ */ V("div", {
|
|
18541
18547
|
"data-slot": "category-nav",
|
|
18542
18548
|
className: G("flex gap-3 overflow-x-auto px-4 py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", t),
|
|
@@ -18582,25 +18588,25 @@ function kg({ items: e, className: t }) {
|
|
|
18582
18588
|
}
|
|
18583
18589
|
//#endregion
|
|
18584
18590
|
//#region src/components/patterns/category-scroll.tsx
|
|
18585
|
-
var
|
|
18591
|
+
var jg = {
|
|
18586
18592
|
sm: "size-[60px]",
|
|
18587
18593
|
md: "size-[100px]",
|
|
18588
18594
|
lg: "size-[120px]"
|
|
18589
|
-
},
|
|
18595
|
+
}, Mg = {
|
|
18590
18596
|
sm: "max-w-[60px]",
|
|
18591
18597
|
md: "max-w-[100px]",
|
|
18592
18598
|
lg: "max-w-[120px]"
|
|
18593
|
-
},
|
|
18599
|
+
}, Ng = {
|
|
18594
18600
|
sm: "calc((100vw - 32px) / 4.05)",
|
|
18595
18601
|
md: "calc((100vw - 32px) / 3.5)",
|
|
18596
18602
|
lg: "calc((100vw - 32px) / 3.0)"
|
|
18597
18603
|
};
|
|
18598
|
-
function
|
|
18604
|
+
function Pg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnailShape: i = "square", layout: a = "scroll", gridRows: o = 3, className: s }) {
|
|
18599
18605
|
let c = i === "circle" ? "rounded-full" : "rounded-lg", l = (e, t) => /* @__PURE__ */ V("a", {
|
|
18600
18606
|
href: e.href,
|
|
18601
18607
|
className: "group flex shrink-0 flex-col items-center gap-1.5",
|
|
18602
18608
|
children: [/* @__PURE__ */ B("div", {
|
|
18603
|
-
className: G("shrink-0 overflow-hidden", t ? "aspect-square w-full" :
|
|
18609
|
+
className: G("shrink-0 overflow-hidden", t ? "aspect-square w-full" : jg[r], c),
|
|
18604
18610
|
children: /* @__PURE__ */ B("img", {
|
|
18605
18611
|
src: e.imageUrl,
|
|
18606
18612
|
alt: "",
|
|
@@ -18608,14 +18614,14 @@ function Ng({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
|
|
|
18608
18614
|
loading: "lazy"
|
|
18609
18615
|
})
|
|
18610
18616
|
}), /* @__PURE__ */ B("span", {
|
|
18611
|
-
className: G("text-center typo-label-sm text-[var(--Text-High-Emphasis)]", t ? "w-full" :
|
|
18617
|
+
className: G("text-center typo-label-sm text-[var(--Text-High-Emphasis)]", t ? "w-full" : Mg[r]),
|
|
18612
18618
|
children: e.name
|
|
18613
18619
|
})]
|
|
18614
18620
|
}, e.href);
|
|
18615
18621
|
return /* @__PURE__ */ V("section", {
|
|
18616
18622
|
"data-slot": "category-scroll",
|
|
18617
18623
|
className: G("py-4", s),
|
|
18618
|
-
children: [/* @__PURE__ */ B(
|
|
18624
|
+
children: [/* @__PURE__ */ B(pp, {
|
|
18619
18625
|
className: "px-4",
|
|
18620
18626
|
title: e,
|
|
18621
18627
|
action: t ? /* @__PURE__ */ B("a", {
|
|
@@ -18630,7 +18636,7 @@ function Ng({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
|
|
|
18630
18636
|
style: {
|
|
18631
18637
|
gridTemplateRows: `repeat(${o}, auto)`,
|
|
18632
18638
|
gridAutoFlow: "column",
|
|
18633
|
-
gridAutoColumns:
|
|
18639
|
+
gridAutoColumns: Ng[r]
|
|
18634
18640
|
},
|
|
18635
18641
|
children: n.map((e) => l(e, !0))
|
|
18636
18642
|
}), /* @__PURE__ */ B("div", {
|
|
@@ -18648,7 +18654,7 @@ function Ng({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
|
|
|
18648
18654
|
}
|
|
18649
18655
|
//#endregion
|
|
18650
18656
|
//#region src/components/ui/sync-status-badge.tsx
|
|
18651
|
-
function
|
|
18657
|
+
function Fg({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期中", successLabel: i = "保存済み", errorLabel: a = (e) => `${e}件のエラー`, offlineLabel: o = "オフライン", retryLabel: s = "再試行", className: c }) {
|
|
18652
18658
|
if (e === "idle" && t === 0) return null;
|
|
18653
18659
|
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" ? {
|
|
18654
18660
|
role: "alert",
|
|
@@ -18708,7 +18714,7 @@ function Pg({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期
|
|
|
18708
18714
|
}
|
|
18709
18715
|
//#endregion
|
|
18710
18716
|
//#region src/components/ui/status-action-badge.tsx
|
|
18711
|
-
var
|
|
18717
|
+
var Ig = {
|
|
18712
18718
|
idle: "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)]",
|
|
18713
18719
|
pending: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
|
|
18714
18720
|
syncing: "bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
|
|
@@ -18716,7 +18722,7 @@ var Fg = {
|
|
|
18716
18722
|
warning: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
|
|
18717
18723
|
error: "bg-[var(--Surface-Caution)] text-[var(--Text-Caution)]",
|
|
18718
18724
|
offline: "bg-[var(--Surface-Secondary)] text-[var(--Text-Low-Emphasis)]"
|
|
18719
|
-
},
|
|
18725
|
+
}, Lg = [
|
|
18720
18726
|
"form",
|
|
18721
18727
|
"formAction",
|
|
18722
18728
|
"formEncType",
|
|
@@ -18726,12 +18732,12 @@ var Fg = {
|
|
|
18726
18732
|
"name",
|
|
18727
18733
|
"value"
|
|
18728
18734
|
];
|
|
18729
|
-
function
|
|
18735
|
+
function Rg(e) {
|
|
18730
18736
|
let t = { ...e };
|
|
18731
|
-
for (let e of
|
|
18737
|
+
for (let e of Lg) delete t[e];
|
|
18732
18738
|
return t;
|
|
18733
18739
|
}
|
|
18734
|
-
function
|
|
18740
|
+
function zg({ state: e, loading: t, icon: n }) {
|
|
18735
18741
|
return n ? /* @__PURE__ */ B("span", {
|
|
18736
18742
|
"aria-hidden": !0,
|
|
18737
18743
|
className: "flex size-4 items-center justify-center",
|
|
@@ -18744,9 +18750,9 @@ function Rg({ state: e, loading: t, icon: n }) {
|
|
|
18744
18750
|
className: "size-1.5 rounded-full bg-current"
|
|
18745
18751
|
});
|
|
18746
18752
|
}
|
|
18747
|
-
function
|
|
18753
|
+
function Bg({ 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 }) {
|
|
18748
18754
|
let f = !!c && !s, p = /* @__PURE__ */ V(z, { children: [
|
|
18749
|
-
/* @__PURE__ */ B(
|
|
18755
|
+
/* @__PURE__ */ B(zg, {
|
|
18750
18756
|
state: t,
|
|
18751
18757
|
loading: a,
|
|
18752
18758
|
icon: o
|
|
@@ -18763,9 +18769,9 @@ function zg({ className: e, state: t = "idle", label: n, count: r, compact: i =
|
|
|
18763
18769
|
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)]"),
|
|
18764
18770
|
children: r > 99 ? "99+" : r
|
|
18765
18771
|
})
|
|
18766
|
-
] }), 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",
|
|
18772
|
+
] }), 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", Ig[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);
|
|
18767
18773
|
if (!f) {
|
|
18768
|
-
let e =
|
|
18774
|
+
let e = Rg(d);
|
|
18769
18775
|
return /* @__PURE__ */ B("span", {
|
|
18770
18776
|
"data-slot": "status-action-badge",
|
|
18771
18777
|
"data-state": t,
|
|
@@ -18792,10 +18798,10 @@ function zg({ className: e, state: t = "idle", label: n, count: r, compact: i =
|
|
|
18792
18798
|
children: p
|
|
18793
18799
|
});
|
|
18794
18800
|
}
|
|
18795
|
-
var
|
|
18801
|
+
var Vg = Bg;
|
|
18796
18802
|
//#endregion
|
|
18797
18803
|
//#region src/components/ui/dropdown-filter.tsx
|
|
18798
|
-
function
|
|
18804
|
+
function Hg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allLabel: a = "すべて", getDisplayLabel: o, valueOnly: s = !1, pristineValue: c, closeLabel: l = "閉じる", className: u }) {
|
|
18799
18805
|
let [f, p] = d.useState(!1), m = d.useRef(null), [h, g] = d.useState({
|
|
18800
18806
|
top: 0,
|
|
18801
18807
|
left: 0
|
|
@@ -18892,8 +18898,8 @@ function Vg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allL
|
|
|
18892
18898
|
}
|
|
18893
18899
|
//#endregion
|
|
18894
18900
|
//#region src/components/patterns/filter-chip.tsx
|
|
18895
|
-
function
|
|
18896
|
-
return /* @__PURE__ */ B(
|
|
18901
|
+
function Ug({ label: e, value: t, isActive: n, onClick: r, className: i }) {
|
|
18902
|
+
return /* @__PURE__ */ B(zf, {
|
|
18897
18903
|
size: "lg",
|
|
18898
18904
|
selected: !!n,
|
|
18899
18905
|
variant: n ? "filled" : "outline",
|
|
@@ -18904,16 +18910,16 @@ function Hg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
|
|
|
18904
18910
|
}
|
|
18905
18911
|
//#endregion
|
|
18906
18912
|
//#region src/components/patterns/filter-pill.tsx
|
|
18907
|
-
var
|
|
18913
|
+
var Wg = {
|
|
18908
18914
|
sm: "h-[var(--Control-Height-Sm)] typo-label-xs",
|
|
18909
18915
|
md: "h-[var(--Control-Height-Sm)] sm:h-[var(--Control-Height-Md)] typo-label-sm"
|
|
18910
18916
|
};
|
|
18911
|
-
function
|
|
18917
|
+
function Gg({ 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 }) {
|
|
18912
18918
|
let h = t != null && t !== "", g = h && !!n;
|
|
18913
18919
|
return /* @__PURE__ */ V("div", {
|
|
18914
18920
|
"data-slot": "filter-pill",
|
|
18915
18921
|
"data-active": h || void 0,
|
|
18916
|
-
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",
|
|
18922
|
+
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", Wg[f], m),
|
|
18917
18923
|
children: [/* @__PURE__ */ V($s, {
|
|
18918
18924
|
open: a,
|
|
18919
18925
|
defaultOpen: s,
|
|
@@ -18935,7 +18941,7 @@ function Wg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
|
|
|
18935
18941
|
className: "truncate",
|
|
18936
18942
|
children: h ? `${e}: ${t}` : e
|
|
18937
18943
|
}),
|
|
18938
|
-
/* @__PURE__ */ B(
|
|
18944
|
+
/* @__PURE__ */ B(Kg, {})
|
|
18939
18945
|
]
|
|
18940
18946
|
})
|
|
18941
18947
|
}), /* @__PURE__ */ B(tc, {
|
|
@@ -18952,11 +18958,11 @@ function Wg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
|
|
|
18952
18958
|
e.stopPropagation(), n?.();
|
|
18953
18959
|
},
|
|
18954
18960
|
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"),
|
|
18955
|
-
children: /* @__PURE__ */ B(
|
|
18961
|
+
children: /* @__PURE__ */ B(qg, {})
|
|
18956
18962
|
})]
|
|
18957
18963
|
});
|
|
18958
18964
|
}
|
|
18959
|
-
function
|
|
18965
|
+
function Kg() {
|
|
18960
18966
|
return /* @__PURE__ */ B("svg", {
|
|
18961
18967
|
"aria-hidden": !0,
|
|
18962
18968
|
className: "size-3 shrink-0",
|
|
@@ -18971,7 +18977,7 @@ function Gg() {
|
|
|
18971
18977
|
})
|
|
18972
18978
|
});
|
|
18973
18979
|
}
|
|
18974
|
-
function
|
|
18980
|
+
function qg() {
|
|
18975
18981
|
return /* @__PURE__ */ B("svg", {
|
|
18976
18982
|
"aria-hidden": !0,
|
|
18977
18983
|
className: "size-3",
|
|
@@ -18987,7 +18993,7 @@ function Kg() {
|
|
|
18987
18993
|
}
|
|
18988
18994
|
//#endregion
|
|
18989
18995
|
//#region src/components/patterns/image-overlay-action.tsx
|
|
18990
|
-
var
|
|
18996
|
+
var Jg = {
|
|
18991
18997
|
none: "",
|
|
18992
18998
|
"top-left": "absolute left-1 top-1",
|
|
18993
18999
|
"top-right": "absolute right-1 top-1",
|
|
@@ -18995,14 +19001,14 @@ var qg = {
|
|
|
18995
19001
|
"bottom-right": "absolute bottom-1 right-1",
|
|
18996
19002
|
"center-left": "absolute left-1 top-1/2 -translate-y-1/2",
|
|
18997
19003
|
"center-right": "absolute right-1 top-1/2 -translate-y-1/2"
|
|
18998
|
-
},
|
|
19004
|
+
}, Yg = {
|
|
18999
19005
|
sm: "size-8",
|
|
19000
19006
|
md: "size-10"
|
|
19001
|
-
},
|
|
19007
|
+
}, Xg = {
|
|
19002
19008
|
surface: "border border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]/80 text-[var(--Object-High-Emphasis)] backdrop-blur-sm",
|
|
19003
19009
|
scrim: "bg-[var(--Surface-VideoOverlay-Medium)] text-[var(--Text-on-Media)] backdrop-blur-sm"
|
|
19004
19010
|
};
|
|
19005
|
-
function
|
|
19011
|
+
function Zg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", tone: i = "surface", stopPropagation: a = !0, className: o, onClick: s, disabled: c, ...l }) {
|
|
19006
19012
|
return /* @__PURE__ */ B("button", {
|
|
19007
19013
|
...l,
|
|
19008
19014
|
type: "button",
|
|
@@ -19014,24 +19020,24 @@ function Xg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", t
|
|
|
19014
19020
|
onClick: (e) => {
|
|
19015
19021
|
a && (e.preventDefault(), e.stopPropagation()), s?.(e);
|
|
19016
19022
|
},
|
|
19017
|
-
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",
|
|
19023
|
+
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", Jg[n], o),
|
|
19018
19024
|
children: /* @__PURE__ */ B("span", {
|
|
19019
19025
|
"aria-hidden": "true",
|
|
19020
|
-
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]",
|
|
19026
|
+
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]", Yg[r], Xg[i]),
|
|
19021
19027
|
children: e
|
|
19022
19028
|
})
|
|
19023
19029
|
});
|
|
19024
19030
|
}
|
|
19025
19031
|
//#endregion
|
|
19026
19032
|
//#region src/components/patterns/thumbnail-card.tsx
|
|
19027
|
-
var
|
|
19033
|
+
var Qg = {
|
|
19028
19034
|
square: "aspect-square",
|
|
19029
19035
|
video: "aspect-video",
|
|
19030
19036
|
portrait: "aspect-[3/4]"
|
|
19031
19037
|
};
|
|
19032
|
-
function
|
|
19038
|
+
function $g({ 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 }) {
|
|
19033
19039
|
let g = l === "horizontal", _ = /* @__PURE__ */ V("div", {
|
|
19034
|
-
className: G("relative shrink-0 overflow-hidden rounded-[var(--Radius-Surface)] bg-[var(--Surface-Secondary)]", g ? "size-20" : G("w-full",
|
|
19040
|
+
className: G("relative shrink-0 overflow-hidden rounded-[var(--Radius-Surface)] bg-[var(--Surface-Secondary)]", g ? "size-20" : G("w-full", Qg[u])),
|
|
19035
19041
|
children: [
|
|
19036
19042
|
n ?? (e ? /* @__PURE__ */ B("img", {
|
|
19037
19043
|
src: e,
|
|
@@ -19112,11 +19118,11 @@ function Qg({ imageUrl: e, imageAlt: t, thumbnail: n, title: r, eyebrow: i, desc
|
|
|
19112
19118
|
}
|
|
19113
19119
|
//#endregion
|
|
19114
19120
|
//#region src/components/patterns/presence-indicator.tsx
|
|
19115
|
-
function
|
|
19121
|
+
function e_(e) {
|
|
19116
19122
|
let t = e.trim();
|
|
19117
19123
|
return t ? t.slice(0, 1).toUpperCase() : "?";
|
|
19118
19124
|
}
|
|
19119
|
-
function
|
|
19125
|
+
function t_({ name: e, statusText: t, badgeLabel: n, online: r = !0, className: i }) {
|
|
19120
19126
|
return /* @__PURE__ */ V("div", {
|
|
19121
19127
|
"data-slot": "presence-indicator",
|
|
19122
19128
|
role: "status",
|
|
@@ -19129,7 +19135,7 @@ function e_({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
|
|
|
19129
19135
|
className: "h-6 w-6",
|
|
19130
19136
|
children: /* @__PURE__ */ B(wt, {
|
|
19131
19137
|
className: "typo-label-sm bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
|
|
19132
|
-
children:
|
|
19138
|
+
children: e_(e)
|
|
19133
19139
|
})
|
|
19134
19140
|
}), /* @__PURE__ */ B("span", {
|
|
19135
19141
|
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)]"),
|
|
@@ -19149,7 +19155,7 @@ function e_({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
|
|
|
19149
19155
|
}
|
|
19150
19156
|
//#endregion
|
|
19151
19157
|
//#region src/components/patterns/review-overlay.tsx
|
|
19152
|
-
function
|
|
19158
|
+
function n_({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDuration: i = 600, onHaptic: a, className: o, children: s }) {
|
|
19153
19159
|
let c = d.useRef(null), l = d.useRef(null), [u, f] = d.useState(null), p = (e, t) => {
|
|
19154
19160
|
let n = c.current;
|
|
19155
19161
|
if (!n) return {
|
|
@@ -19205,16 +19211,16 @@ function t_({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDurati
|
|
|
19205
19211
|
}
|
|
19206
19212
|
//#endregion
|
|
19207
19213
|
//#region src/lib/category-presets.ts
|
|
19208
|
-
function n_(e) {
|
|
19209
|
-
return vp(e, "base");
|
|
19210
|
-
}
|
|
19211
19214
|
function r_(e) {
|
|
19212
|
-
return
|
|
19215
|
+
return yp(e, "base");
|
|
19213
19216
|
}
|
|
19214
19217
|
function i_(e) {
|
|
19215
|
-
return
|
|
19218
|
+
return yp(e, "subtle");
|
|
19219
|
+
}
|
|
19220
|
+
function a_(e) {
|
|
19221
|
+
return yp(e, "bold");
|
|
19216
19222
|
}
|
|
19217
|
-
var
|
|
19223
|
+
var o_ = [
|
|
19218
19224
|
{
|
|
19219
19225
|
key: "family",
|
|
19220
19226
|
label: "両家顔合わせを済ませる",
|
|
@@ -19329,7 +19335,7 @@ var a_ = [
|
|
|
19329
19335
|
icon: "📌",
|
|
19330
19336
|
categoricalIndex: 4
|
|
19331
19337
|
}
|
|
19332
|
-
],
|
|
19338
|
+
], s_ = [
|
|
19333
19339
|
{
|
|
19334
19340
|
key: "planning",
|
|
19335
19341
|
label: "企画",
|
|
@@ -19380,4 +19386,4 @@ var a_ = [
|
|
|
19380
19386
|
}
|
|
19381
19387
|
];
|
|
19382
19388
|
//#endregion
|
|
19383
|
-
export { i as AUTO_PROMPT_SUPPRESSION_EVENT, xe as Accordion, we as AccordionContent, Se as AccordionItem, Ce as AccordionTrigger,
|
|
19389
|
+
export { i as AUTO_PROMPT_SUPPRESSION_EVENT, xe as Accordion, we as AccordionContent, Se as AccordionItem, Ce as AccordionTrigger, Gm as ActionTile, Qp as AdminShell, je as Alert, Fe as AlertDescription, dt as AlertDialog, bt as AlertDialogAction, xt as AlertDialogCancel, ht as AlertDialogContent, yt as AlertDialogDescription, _t as AlertDialogFooter, gt as AlertDialogHeader, mt as AlertDialogOverlay, pt as AlertDialogPortal, vt as AlertDialogTitle, ft as AlertDialogTrigger, Ne as AlertTitle, ad as AppHeader, $p as AppShell, Zl as AutoGrowTextarea, o as AutoPrompt, St as Avatar, wt as AvatarFallback, Ct as AvatarImage, Et as Badge, qf as Banner, Eg as BannerCarousel, Ed as BottomSheetForm, Ad as BottomSheetFrame, Af as BottomTabBar, Dt as Breadcrumb, Nt as BreadcrumbEllipsis, kt as BreadcrumbItem, At as BreadcrumbLink, Ot as BreadcrumbList, jt as BreadcrumbPage, Mt as BreadcrumbSeparator, jm as BulkActions, K as Button, _p as CATEGORICAL_DOT_CLASS, gp as CATEGORICAL_SURFACE_CLASS, Qs as Calendar, Ft as Card, zt as CardAction, Bt as CardContent, Rt as CardDescription, Vt as CardFooter, It as CardHeader, Lt as CardTitle, Ag as CategoryNav, Pg as CategoryScroll, bd as Celebration, xd as CelebrationDialog, Qm as ChartControls, Ut as Checkbox, Wt as CheckboxCardGroup, Gt as CheckboxCardItem, Yt as CheckboxField, qt as CheckboxGroup, Jt as CheckboxGroupItem, zf as Chip, Gf as ChipFilterBar, Hf as ChipSelector, Au as CoachMark, Pu as CoachMarkOverlay, Xt as Collapsible, Uf as CollapsibleChipField, Qt as CollapsibleContent, Zt as CollapsibleTrigger, bc as Combobox, $l as CommitAutoGrowTextarea, Vr as CommitInput, Ql as CommitTextarea, Rm as CompactFilePicker, ld as ConfirmDialog, Yp as Container, Og as ContentCarousel, Wu as CookieConsent, Td as CountdownHero, wu as CountdownTimer, Sh as DataTable, Rh as DataTableActionCell, Jh as DataTableAddRow, Fh as DataTableAvatarCell, Th as DataTableBody, Gh as DataTableBulkActions, Ph as DataTableCell, Lh as DataTableCheckboxCell, Vh as DataTableDateCell, Uh as DataTableDragHandleCell, Yh as DataTableEmptyState, Dh as DataTableHead, wh as DataTableHeader, Ih as DataTableImageCell, zh as DataTableInputCell, Wh as DataTableLinkCell, Hh as DataTableNumberCell, Eh as DataTableRow, qh as DataTableSectionRow, Bh as DataTableSelectCell, Ch as DataTableTable, uc as DateField, oc as DatePicker, sc as DateRangePicker, yc as DateTimePicker, Cf as DetailSheetBody, Sf as DetailSheetHeader, xf as DetailSheetScaffold, fn as Dialog, hn as DialogClose, _n as DialogContent, xn as DialogDescription, yn as DialogFooter, vn as DialogHeader, gn as DialogOverlay, mn as DialogPortal, bn as DialogTitle, pn as DialogTrigger, Qf as DocumentPage, Hg as DropdownFilter, vr as DropdownMenu, wr as DropdownMenuCheckboxItem, xr as DropdownMenuContent, Sr as DropdownMenuGroup, Cr as DropdownMenuItem, Dr as DropdownMenuLabel, yr as DropdownMenuPortal, Tr as DropdownMenuRadioGroup, Er as DropdownMenuRadioItem, Or as DropdownMenuSeparator, kr as DropdownMenuShortcut, Ar as DropdownMenuSub, Mr as DropdownMenuSubContent, jr as DropdownMenuSubTrigger, br as DropdownMenuTrigger, Jf as EmptyState, Ul as ErrorBoundary, Xf as ErrorState, rp as FieldDescription, ip as FieldError, np as FieldGroup, tp as FieldLegend, ap as FieldSeparator, ep as FieldSet, Lm as FileUpload, Tm as FilterBar, Ug as FilterChip, Gg as FilterPill, yg as Footer, ar as Form, rm as FormActions, fr as FormControl, pr as FormDescription, $f as FormField, ur as FormItem, dr as FormLabel, mr as FormMessage, tm as FormRoot, nm as FormSection, zl as GridSkeleton, Nr as HoverCard, Fr as HoverCardContent, Pr as HoverCardTrigger, Ou as IconBadge, zm as ImageAttachmentPicker, Cm as ImageCarousel, ed as ImageGallery, Zg as ImageOverlayAction, Fm as ImageUploader, Te as InfoCircleIcon, Rr as Input, Am as KebabMenu, Qd as KeyboardAwareSheetFooter, Kt as Label, op as ListItem, Rl as ListSkeleton, em as MarketingShell, og as MediaActionCluster, tg as MenuDrawer, Tf as MobileAppHeader, Ef as MobileAppShell, wf as MobileFloatingActionButton, Lf as MobileTabBar, Cc as MultiSelect, id as NavigationBar, Yf as NotFoundIllustration, up as NotificationBadge, Jm as NotificationList, fu as NumberInput, hm as OrderSummary, wc as Pagination, Tc as PaginationContent, Ac as PaginationEllipsis, Ec as PaginationItem, Dc as PaginationLink, kc as PaginationNext, Oc as PaginationPrevious, hg as PhotoHero, mu as PillToggle, $s as Popover, nc as PopoverAnchor, tc as PopoverContent, ec as PopoverTrigger, Le as PortalContainerProvider, t_ as PresenceIndicator, sm as PriceDisplay, vm as ProductCard, bm as ProductCarousel, zc as Progress, lu as ProgressRing, dp as ProgressSteps, n as PromptCoordinatorProvider, Zf as Prose, mm as QuantitySelector, qm as QuickActionGrid, Pd as RESPONSIVE_OVERLAY_BREAKPOINT_VAR, Bc as RadioGroup, Vc as RadioGroupItem, um as RatingDisplay, Vd as ResponsiveDialog, Jd as ResponsiveDialogClose, Ud as ResponsiveDialogContent, Kd as ResponsiveDialogDescription, qd as ResponsiveDialogFooter, Wd as ResponsiveDialogHeader, Gd as ResponsiveDialogTitle, Hd as ResponsiveDialogTrigger, vf as ResponsiveOverlayFooter, _f as ResponsiveOverlayFrame, Dm as ReviewCard, n_ as ReviewOverlay, Om as ReviewSummary, sr as RhfFormField, c as SEMANTIC_ICONS, Gu as SOCIAL_ICON_LABELS, qu as SOCIAL_ICON_PLATFORMS, _g as Screen, xc as ScrollArea, Sc as ScrollBar, fp as SearchBar, Pm as SearchPanel, Zp as Section, pp as SectionHeader, Eu as SectionNav, Uc as Select, qc as SelectContent, Wc as SelectGroup, Jc as SelectItem, Xc as SelectLabel, Yc as SelectSeparator, Kc as SelectTrigger, Gc as SelectValue, Bm as SemanticIcon, Zc as Separator, cp as SettingsListRow, sp as SettingsSection, Cg as ShareButtons, gl as Sheet, vl as SheetClose, El as SheetContent, Pl as SheetDescription, xl as SheetDragIndicator, Ml as SheetFooter, jl as SheetHeader, Nl as SheetTitle, _l as SheetTrigger, bf as SideDrawerFrame, th as SimplePagination, Il as Skeleton, Ll as SkeletonText, qp as SkipLink, Bl as Slider, Xu as SocialIcon, Qu as SocialLoginButton, Vl as Spinner, vu as StarRating, hp as StatCard, Bg as StatusActionBadge, Mm as StatusTabs, kg as StickyActionBar, Tu as SubNav, cd as SwipeRow, Wl as Switch, Fg as SyncStatusBadge, Vg as SyncStatusButton, Kl as Tabs, Yl as TabsContent, ql as TabsList, Jl as TabsTrigger, xp as Tag, od as TagInput, Xl as Textarea, $g as ThumbnailCard, hc as TimePicker, Vp as Toaster, tu as Tooltip, ru as TooltipContent, eu as TooltipProvider, nu as TooltipTrigger, Tt as badgeVariants, Kf as bannerVariants, jc as buildPageItems, l as buttonVariants, vp as categoricalSurfaceClass, yp as categoricalVar, Rf as chipVariants, G as cn, Ep as configureToast, Jp as containerVariants, $h as createDataTableChipColumn, Qh as createDataTableDateColumn, eg as createDataTableSelectColumn, a_ as getCategoricalBold, r_ as getCategoricalColor, i_ as getCategoricalSubtle, et as getOpenModalCount, hh as getStickyCellProps, Du as iconBadgeVariants, e as isAutoPromptSuppressed, Fu as isCoachCompleted, Vu as isCookieDecided, uu as isImeComposing, Iu as markCoachCompleted, im as priceVariants, s_ as projectCategories, Lu as resetCoach, Md as responsiveOverlayBreakpointQueries, Xp as sectionVariants, tt as subscribeOpenModals, a as suppressAutoPrompts, bp as tagVariants, Kp as toast, Br as useCommitDraft, Zd as useFocusedInputComfortScroll, cr as useFormField, rt as useHasOpenModal, jd as useMediaQuery, nt as useOpenModalCount, Re as usePortalContainer, s as usePromptCoordinator, t as usePromptSlot, Rd as useResponsiveOverlayDesktopMatch, Bd as useResponsiveOverlayIsDesktop, zp as useToast, o_ as weddingCategories };
|