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/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-12 w-full items-center justify-between rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3 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);
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-12 w-full items-center justify-between rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3 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),
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-12 w-full items-center justify-between rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3 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),
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(--Text-on-Inverse)] bg-[var(--Brand-Apple)] hover:opacity-90"
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(Mf, {
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(Nf, {
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({ 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 }) {
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((e) => {
13164
- let t = {
13165
- x: r.left - n.left,
13166
- y: r.top - n.top,
13167
- w: r.width,
13168
- h: r.height
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(Nf, {
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(Pf, { item: n }) : null,
13226
- y.map((e, t) => /* @__PURE__ */ B(Nf, {
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 Nf({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPlatter: i = !1 }) {
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 Pf({ item: e }) {
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 Ff() {
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 If({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition: i = "center", showOnDesktop: a = !1, className: o }) {
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(Ff, {}),
13326
- activeIcon: /* @__PURE__ */ B(Ff, {}),
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 Lf = 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)]", {
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 Rf({ 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 }) {
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", Lf({
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", Lf({
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", Lf({
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 zf = () => {
13485
+ var Bf = () => {
13480
13486
  let e = globalThis.process;
13481
13487
  return !!e && e.env?.NODE_ENV !== "production";
13482
13488
  };
13483
- function Bf(e) {
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 Vf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode: i, max: a, size: o = "md", className: s }) {
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 = Bf(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
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
- }), zf() && p.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${p.length} 個あります。value を 1 つに絞るか selectionMode="multiple" を使ってください。`);
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 = Bf(n).filter((e) => !e.disabled), i = e.target?.closest("button[data-slot=\"chip\"]"), a = i ? r.indexOf(i) : -1;
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(Rf, {
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 Hf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
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(Rf, {
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 Uf = (e) => `${e.toLocaleString("ja-JP")}件`;
13659
- function Wf({ children: e, resultCount: t, resultCountLabel: n = Uf, sticky: r = !1, stickyOffset: i = 0, bare: a = !1, className: o }) {
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 Gf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)] p-4", {
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 Kf({ className: e, variant: t, icon: n, title: r, description: i, action: a, children: o, ...s }) {
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(Gf({ variant: t }), e),
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 qf({ 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 }) {
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 Jf({ className: e, "aria-hidden": t = !0, ...n }) {
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 Yf({ className: e, kind: t = "error", icon: n, title: r, description: i, action: a, onRetry: o, retryLabel: s = "再試行", ...c }) {
13815
- let l = t === "notFound", u = n === void 0 && l ? /* @__PURE__ */ B(Jf, {}) : n, d = r ?? (l ? "ページが見つかりません" : "エラーが発生しました"), f = i ?? (l ? "お探しのページは移動または削除された可能性があります。" : "しばらくしてからもう一度お試しください");
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 Xf({ sections: e, className: t, ...n }) {
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 Zf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
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 Qf({ className: e, label: t, htmlFor: n, required: r, error: i, description: a, requiredStyle: o = "asterisk", endLabel: s, children: c, ...l }) {
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 $f({ className: e, ...t }) {
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 ep({ className: e, ...t }) {
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 tp({ className: e, ...t }) {
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 np({ className: e, ...t }) {
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 rp({ className: e, children: t, ...n }) {
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 ip({ className: e, children: t, ...n }) {
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 ap({ 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 }) {
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 op({ className: e, title: t, description: n, action: r, variant: i = "group", children: a, ...o }) {
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 sp({ className: e, title: t, description: n, leading: r, rightSlot: i, interactive: a = !1, disabled: o = !1, destructive: s = !1, onClick: c, children: l, ...u }) {
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 cp = {
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 lp({ className: e, count: t, max: n = 99, size: r = "default", ...i }) {
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)]", cp[r], e),
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 up({ className: e, steps: t, currentStep: n, ...r }) {
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 dp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onCompositionStart: i, onCompositionEnd: a, ...o }) {
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 fp({ className: e, title: t, description: n, action: r, ...i }) {
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 pp = {
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 mp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, variant: o = "default", interactive: s, onClick: c, ...l }) {
14364
- let u = pp[o], d = s ?? !!c;
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 hp = {
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
- }, gp = {
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 _p(e, t = "surface") {
14451
- return t === "dot" ? gp[e] : hp[e];
14456
+ function vp(e, t = "surface") {
14457
+ return t === "dot" ? _p[e] : gp[e];
14452
14458
  }
14453
- function vp(e, t = "base") {
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 yp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whitespace-nowrap", {
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 bp({ className: e, variant: t, categorical: n, dot: r = !1, children: i, ...a }) {
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(yp({ variant: t }), n && hp[n], n && r && "gap-1", e),
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", gp[n])
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 xp = 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", {
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
- }), Sp = 0;
14493
- function Cp() {
14494
- return Sp += 1, `t${Date.now().toString(36)}-${Sp.toString(36)}`;
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 = Cp(), n = {
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
- }, wp = {
14523
+ }, Tp = {
14518
14524
  region: "通知",
14519
14525
  close: "閉じる"
14520
14526
  };
14521
- function Tp(e) {
14522
- e.regionLabel !== void 0 && (wp.region = e.regionLabel), e.closeLabel !== void 0 && (wp.close = e.closeLabel);
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
- return Dp.add(e), () => {
14530
- Dp.delete(e);
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 Ap = Object.freeze([]);
14534
- function jp() {
14535
- let e = d.useCallback((e) => $.subscribe(e), []), t = d.useCallback(() => $.toasts, []), n = d.useCallback(() => Ap, []);
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 Mp = () => () => {}, Np = () => !0, Pp = () => !1;
14539
- function Fp() {
14540
- return d.useSyncExternalStore(Mp, Np, Pp);
14541
- }
14544
+ var Np = () => () => {}, Pp = () => !0, Fp = () => !1;
14542
14545
  function Ip() {
14543
- let e = d.useCallback((e) => kp(e), []), t = d.useCallback(() => Ep > 0, []), n = d.useCallback(() => !1, []);
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 Lp = d.createContext(null);
14547
- function Rp() {
14548
- return d.useContext(Lp) ?? { toast: (e) => $.add(e) };
14552
+ var Rp = d.createContext(null);
14553
+ function zp() {
14554
+ return d.useContext(Rp) ?? { toast: (e) => $.add(e) };
14549
14555
  }
14550
- function zp({ regionLabel: e, closeLabel: t } = {}) {
14551
- let n = jp();
14552
- return !Fp() || typeof document > "u" ? null : ve(/* @__PURE__ */ B("div", {
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 ?? wp.region,
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(xp({ variant: e.variant })),
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 ?? wp.close,
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 Bp({ children: e, regionLabel: t, closeLabel: n }) {
14603
- d.useEffect(() => (Op(1), () => Op(-1)), []);
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(Lp.Provider, {
14613
+ return /* @__PURE__ */ V(Rp.Provider, {
14608
14614
  value: { toast: r },
14609
- children: [e, /* @__PURE__ */ B(zp, {
14615
+ children: [e, /* @__PURE__ */ B(Bp, {
14610
14616
  regionLabel: t,
14611
14617
  closeLabel: n
14612
14618
  })]
14613
14619
  });
14614
14620
  }
14615
- function Vp() {
14616
- return Ip() ? null : /* @__PURE__ */ B(zp, {});
14621
+ function Hp() {
14622
+ return Lp() ? null : /* @__PURE__ */ B(Bp, {});
14617
14623
  }
14618
- var Hp = null;
14619
- function Up() {
14620
- if (typeof window > "u" || typeof document > "u" || Hp) return;
14624
+ var Up = null;
14625
+ function Wp() {
14626
+ if (typeof window > "u" || typeof document > "u" || Up) return;
14621
14627
  if (!document.body) {
14622
- Hp = new Promise((e) => {
14628
+ Up = new Promise((e) => {
14623
14629
  let t = () => {
14624
- document.body ? (Hp = null, Up(), e()) : window.setTimeout(t, 0);
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), Hp = import("react-dom/client").then(({ createRoot: t }) => {
14633
- t(e).render(/* @__PURE__ */ B(Vp, {}));
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 Wp(e, t = {}, n) {
14637
- return typeof window > "u" ? "" : (Up(), $.add({
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 Gp = ((e, t) => Wp(e, t));
14646
- Gp.success = (e, t) => Wp(e, t, "success"), Gp.error = (e, t) => Wp(e, t, "caution"), Gp.info = (e, t) => Wp(e, t, "info"), Gp.warning = (e, t) => Wp(e, t, "warning"), Gp.caution = (e, t) => Wp(e, t, "caution"), Gp.connectionRestored = (e) => Wp("接続が復旧しました", e, "success"), Gp.saveComplete = (e) => Wp("保存しました", e, "success"), Gp.retryStarted = (e) => Wp("再試行を開始しました", e, "info"), Gp.retryFailed = (e) => Wp("再試行できませんでした", e, "caution"), Gp.dismiss = (e) => $.dismiss(e);
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 Kp({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
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 qp = H("mx-auto w-full", {
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 Jp({ className: e, size: t, gutter: n, ...r }) {
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(qp({
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 Yp = H("w-full", {
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 Xp({ as: e = "section", className: t, spacing: n, background: r, ...i }) {
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(Yp({
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 Zp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i = "w-64", mainId: a = "main-content", skipLink: o = !0, skipLinkLabel: s = "コンテンツへ移動", ...c }) {
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(Kp, {
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(Jp, {
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(Jp, {
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 Qp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
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(Kp, {
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(Jp, {
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 $p({ className: e, header: t, footer: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
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(Kp, {
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(Jp, {
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(Xp, {
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(Jp, {
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 em({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
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 tm({ className: e, title: t, description: n, children: r, ...i }) {
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 nm({ className: e, ...t }) {
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 rm = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]", {
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
- }), im = {
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
- }, am = {
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 om({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabel: i = !0, currency: a = "¥", size: o = "md", ...s }) {
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", im[d]),
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(rm({ size: o }), l && "text-[var(--Text-Caution)]"),
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)]", am[d]),
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 sm({ size: e = 14, className: t }) {
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 cm = {
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 lm({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount: i = !0, showValue: a = !0, ...o }) {
14973
- let s = Math.max(0, Math.min(5, t)), { icon: c, val: l, cnt: u } = cm[r];
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(sm, {
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 um({ size: e = 14 }) {
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 dm({ size: e = 14 }) {
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 fm({ size: e = 14 }) {
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 pm({ 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 }) {
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 ? fm : um, { size: 14 })
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(dm, { size: 14 })
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 ? fm : um, { size: 18 })
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(dm, { size: 18 })
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 mm({ className: e, lineItems: t, totalLabel: n = "合計(税込)", totalValue: r, ctaLabel: i, onCTAClick: a, ctaDisabled: o = !1, fixed: s = !1, ...c }) {
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 hm({ filled: e = !1, size: t = 20 }) {
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 gm({ label: e, variant: t = "default" }) {
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 _m({ 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 }) {
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(hm, {
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(lm, {
15256
+ children: o != null && /* @__PURE__ */ B(um, {
15251
15257
  rating: o,
15252
15258
  reviewCount: s,
15253
15259
  size: "sm"
15254
15260
  })
15255
- }), /* @__PURE__ */ B(om, {
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(gm, {
15294
+ children: [x && /* @__PURE__ */ B(_m, {
15289
15295
  label: `${x}%OFF`,
15290
15296
  variant: "caution"
15291
- }), l.map((e) => /* @__PURE__ */ B(gm, { ...e }, e.label))]
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(hm, {
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(lm, {
15327
+ o != null && /* @__PURE__ */ B(um, {
15322
15328
  rating: o,
15323
15329
  reviewCount: s,
15324
15330
  size: "sm"
15325
15331
  }),
15326
- /* @__PURE__ */ B(om, {
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 vm = {
15354
+ var ym = {
15349
15355
  sm: "w-40",
15350
15356
  md: "w-[200px]",
15351
15357
  lg: "w-[240px]"
15352
15358
  };
15353
- function ym({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "もっと見る", onMoreClick: a, products: o, cardSize: s = "sm", showRanking: c = !1, showCartButton: l = !1, ...u }) {
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", vm[s]),
15376
- children: /* @__PURE__ */ B(_m, {
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 bm({ total: e, autoPlay: t, paused: n = !1 }) {
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 xm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, onNext: a, onGoTo: o, previousLabel: s = "前へ", nextLabel: c = "次へ" }) {
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 Sm({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows: r = !0, autoPlay: i = 0, regionLabel: a = "画像カルーセル", previousLabel: o = "前へ", nextLabel: s = "次へ", className: c, ...l }) {
15479
- let u = e.length, { active: d, goTo: f, next: p, previous: m, scrollRef: h } = bm({
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(xm, {
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 Cm({ filter: e }) {
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 wm({ 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 }) {
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(Cm, { filter: e }, e.label))]
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 Tm({ rating: e, size: t = 14 }) {
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 Em({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, body: a, date: o, helpfulCount: s = 0, onHelpful: c, helpful: l = !1, className: u }) {
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(Tm, { rating: r })
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 Dm({ averageRating: e, totalCount: t, distribution: n, className: r }) {
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(Tm, {
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 Om(e) {
15825
+ function km(e) {
15820
15826
  return e.type === "separator";
15821
15827
  }
15822
- function km({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
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) => Om(e) ? /* @__PURE__ */ B(Or, {}, `separator-${t}`) : /* @__PURE__ */ V(Cr, {
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 Am({ selectedCount: e, onClear: t, children: n, className: r, clearLabel: i = "選択を解除", ...a }) {
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 jm({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
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 Mm = {
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 Nm({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i = "grid", className: a, ...o }) {
15952
- let s = i === "flex" ? "flex flex-wrap items-end gap-3 [&>*]:flex [&>*]:flex-col [&>*]:min-w-[140px] [&>*]:flex-1" : G("grid grid-cols-1 gap-3 items-end [&>*]:flex [&>*]:flex-col", Mm[r]);
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 Pm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns: i = 4, className: a, addLabel: o = "画像を追加", ...s }) {
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 Fm(e) {
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 Im({ 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) => `最大 ${Fm(e)} まで`, maxFilesLabel: f = (e) => `最大 ${e} ファイルまで`, removeLabel: p = "削除" }) {
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: Fm(e.size)
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 Lm({ 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 }) {
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 Rm({ 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 }) {
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(Lm, {
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 zm({ name: e, size: t = 24, className: n, accessibilityLabel: r, color: i, style: a, ...o }) {
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 Bm = d.createContext(null), Vm = () => {
16363
+ var Vm = d.createContext(null), Hm = () => {
16358
16364
  let e = globalThis.process;
16359
16365
  return !!e && e.env?.NODE_ENV !== "production";
16360
- }, Hm = {
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
- }, Um = {
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 Wm({ 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 }) {
16373
- let h = d.useContext(Bm), g = p ?? h, _ = u || c, v = s || l === "selected", y = g === "single", b = o != null && o !== !1, x = !!(i || a);
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)]", Hm[l], _ && "cursor-not-allowed opacity-50", e),
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(zm, {
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 Gm(e) {
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 Km({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, role: i, onKeyDown: a, ref: o, children: s, ...c }) {
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 = Gm(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
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
- }), Vm()) {
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 = Gm(n).filter((e) => !e.disabled), i = e.target?.closest("[data-slot=\"action-tile\"]"), o = i ? r.indexOf(i) : -1;
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", Um[t], n === "sm" ? "gap-2" : "gap-3", e),
16473
+ className: G("grid", Wm[t], n === "sm" ? "gap-2" : "gap-3", e),
16468
16474
  ...c,
16469
- children: /* @__PURE__ */ B(Bm.Provider, {
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 qm({ notifications: e, variant: t = "vertical", emptyMessage: n = "新着のお知らせはありません", className: r, ...i }) {
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 Jm = [
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
- ], Ym = [
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 Xm({ options: e, value: t, onChange: n }) {
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 Zm({ granularity: e = "day", onGranularityChange: t, period: n = "7d", onPeriodChange: r, showComparison: i = !1, onComparisonChange: a, onCustomPeriod: o, className: s }) {
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(Xm, {
16622
- options: Jm,
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(Xm, {
16633
- options: Ym,
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 Qm() {
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 $m() {
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 eh({ 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 }) {
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(Qm, {}), /* @__PURE__ */ B("span", {
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($m, {})]
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 th = [], nh = [];
16806
- function rh(e, t, n) {
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 ih(e, t) {
16820
+ function ah(e, t) {
16815
16821
  return !e || typeof e != "object" || !(t in e) ? null : e[t];
16816
16822
  }
16817
- function ah(e, t, n) {
16818
- return n.value ? n.value(e, t) : ih(e, n.key);
16823
+ function oh(e, t, n) {
16824
+ return n.value ? n.value(e, t) : ah(e, n.key);
16819
16825
  }
16820
- function oh(e, t, n, r, i, a, o, s, c) {
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 sh(e, t, n, r) {
16843
- return n.cell ? n.cell(r) : n.render ? n.render(e, t) : ah(e, t, n);
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 ch(e, t) {
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 lh = () => {
16869
+ var uh = () => {
16864
16870
  let e = globalThis.process;
16865
16871
  return !!e && e.env?.NODE_ENV !== "production";
16866
- }, uh = [
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 dh(e) {
16884
+ function fh(e) {
16879
16885
  let t = e.target;
16880
- return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(uh);
16886
+ return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(dh);
16881
16887
  }
16882
- function fh(e, t, n) {
16888
+ function ph(e, t, n) {
16883
16889
  if (n.sortValue) return n.sortValue(e, t);
16884
- let r = ah(e, t, n);
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 ph(e, t) {
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 mh(e, t = 0, n = !1) {
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 hh({ direction: e }) {
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 gh() {
16926
+ function _h() {
16921
16927
  return /* @__PURE__ */ B(pe, {
16922
16928
  size: 16,
16923
16929
  className: "shrink-0"
16924
16930
  });
16925
16931
  }
16926
- function _h() {
16932
+ function vh() {
16927
16933
  return /* @__PURE__ */ B(U, {
16928
16934
  size: 16,
16929
16935
  className: "shrink-0"
16930
16936
  });
16931
16937
  }
16932
- function vh() {
16938
+ function yh() {
16933
16939
  return /* @__PURE__ */ B(ue, {
16934
16940
  size: 14,
16935
16941
  className: "shrink-0"
16936
16942
  });
16937
16943
  }
16938
- function yh() {
16944
+ function bh() {
16939
16945
  return /* @__PURE__ */ B(fe, {
16940
16946
  size: 16,
16941
16947
  className: "shrink-0"
16942
16948
  });
16943
16949
  }
16944
- function bh({ open: e }) {
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 xh({ 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 }) {
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 ?? th, F = r ?? nh, I = l?.mode ?? (l ? "multi" : "none"), L = l?.selectedRowIds ?? te, R = d.useMemo(() => new Set(L), [L]), z = d.useMemo(() => P.map((e, t) => ({
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(fh(n.row, n.index, e), fh(r.row, r.index, e)) * t);
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 }) => rh(e, t, i)), [i, H]), re = d.useMemo(() => U.filter((e) => R.has(e)).length, [R, U]), ie = d.useMemo(() => H.reduce((e, 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(() => Ah(F), [F]), de = (e) => ue.get(e.key)?.offset ?? e.stickyOffset;
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 (!lh()) return;
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(Sh, {
17047
+ children: /* @__PURE__ */ V(Ch, {
17042
17048
  className: _,
17043
- children: [/* @__PURE__ */ B(Ch, { children: /* @__PURE__ */ V("tr", { children: [I !== "none" && /* @__PURE__ */ B(Eh, {
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(Eh, {
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(wh, { children: [H.length === 0 && /* @__PURE__ */ B(Jh, {
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 = rh(e, t, i), c = R.has(s);
17067
- return /* @__PURE__ */ V(d.Fragment, { children: [r && n && /* @__PURE__ */ B(Kh, {
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(Th, {
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(Ih, {
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 = ah(e, t, n), i = j?.rowId === s && j.columnKey === n.key, o = oh(e, t, s, n, r, i, () => M({
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(Nh, {
17091
- ...ch(n, o),
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) : sh(e, t, n, 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(fh(e, t, n) ?? "");
17101
- return n.editOptions ? /* @__PURE__ */ B(zh, {
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(Rh, {
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(Nh, {
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: sh(e, t, n, o)
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(eh, {
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 Sh({ className: e, children: t, ...n }) {
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 Ch({ className: e, children: t, ...n }) {
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 wh({ className: e, children: t, ...n }) {
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 Th({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i, onKeyDown: a, role: o, tabIndex: s, children: c, ...l }) {
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 || dh(e)) && r(e);
17181
+ i?.(e), !(e.defaultPrevented || !r || fh(e)) && r(e);
17176
17182
  },
17177
17183
  onKeyDown: (e) => {
17178
- a?.(e), !(e.defaultPrevented || !r || dh(e)) && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), r(e)));
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 Eh({ className: e, children: t, sortable: n, sortDirection: r, onSort: i, width: a, sticky: o, stickyOffset: s, style: c, ...l }) {
17186
- let u = o ? mh(o, s, !0) : null;
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(jh({ width: a }), u?.className, e),
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(hh, { direction: r ?? null })]
17206
+ children: [t, /* @__PURE__ */ B(gh, { direction: r ?? null })]
17201
17207
  }) : t
17202
17208
  });
17203
17209
  }
17204
- var Dh = {
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
- }, Oh = {
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 kh(e, t, n) {
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 = Oh[e.width ?? "auto"];
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 Ah(e) {
17248
+ function jh(e) {
17243
17249
  let t = /* @__PURE__ */ new Map();
17244
- return kh(e, "left", t), kh(e, "right", t), t;
17250
+ return Ah(e, "left", t), Ah(e, "right", t), t;
17245
17251
  }
17246
- var jh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Text-Medium-Emphasis)]", {
17247
- variants: { width: Dh },
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
- }), Mh = H("px-3 py-2.5 typo-body-md text-[var(--Text-High-Emphasis)]", {
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 Nh({ className: e, align: t, width: n, children: r, clickable: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17274
- let l = a ? mh(a, o) : null;
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(Mh({
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 Ph({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17291
- let l = a ? mh(a, o) : null;
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 Fh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a = 40, ...o }) {
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 Ih({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as: i = "td", sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17350
- let u = a ? mh(a, o, i === "th") : null;
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 Lh({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
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(gh, {})
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 Rh({ className: e, value: t, onChange: n, placeholder: r, width: i, sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17391
- let u = a ? mh(a, o) : null;
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(Mh({ width: i }), "py-1.5", u?.className, e),
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 zh({ 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 }) {
17411
- let m = o ? mh(o, s) : null;
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(Mh({ width: a }), "py-1.5", m?.className, e),
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 Bh({ 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 }) {
17439
- let p = l ? mh(l, u) : null;
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(Mh({ width: c }), "py-1.5", p?.className, e),
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 Vh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a }) {
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 Hh({ className: e, ...t }) {
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(yh, {})
17482
+ children: /* @__PURE__ */ B(bh, {})
17477
17483
  });
17478
17484
  }
17479
- function Uh({ className: e, href: t, external: n, children: r, ...i }) {
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(vh, {})]
17495
+ children: [r, n && /* @__PURE__ */ B(yh, {})]
17490
17496
  })
17491
17497
  });
17492
17498
  }
17493
- function Wh({ className: e, selectedCount: t, children: n, ...r }) {
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 Gh = {
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 Kh({ 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 }) {
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", Gh[c], u),
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(bh, { open: r }),
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 qh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
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(_h, {}), t]
17562
+ children: [/* @__PURE__ */ B(vh, {}), t]
17557
17563
  })
17558
17564
  })
17559
17565
  });
17560
17566
  }
17561
- function Jh({ className: e, icon: t, message: n = "データがありません", description: r, action: i, colSpan: a, ...o }) {
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 Yh(e) {
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 Xh(e, t) {
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 Zh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLabel: r = "未設定", format: i, ...a }) {
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) : Yh(n) : /* @__PURE__ */ B("span", {
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 Qh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i = "未設定", ...a }) {
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 = Xh(t, e);
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(Rf, {
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 $h({ value: e, options: t, onCommit: n, placeholder: r = "選択", emptyLabel: i = "未設定", contentPosition: a = "popper", ...o }) {
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 eg({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width: a = 280, className: o }) {
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 tg = {
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
- }, ng = {
17799
+ }, rg = {
17794
17800
  vertical: "flex-col",
17795
17801
  horizontal: "flex-row",
17796
17802
  auto: "flex-col landscape:flex-row"
17797
17803
  };
17798
- function rg(e, t) {
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 ig(e) {
17807
+ function ag(e) {
17802
17808
  return typeof e == "number" && e > 99 ? "99+" : e;
17803
17809
  }
17804
- function ag({ 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 }) {
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 = rg(i, t);
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", tg[n], ng[t], h ? "opacity-100" : "opacity-40", c),
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(og, {
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 og({ item: e, itemDirection: t, onReveal: n }) {
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: ig(e.badge)
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 sg = {
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
- }, cg = {
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 lg({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, className: a, imageClassName: o, contentClassName: s, loading: c = "lazy", ...l }) {
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", sg[n]) }),
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", cg[r], s),
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 ug({ className: e, children: t, ...n }) {
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 dg({ className: e, children: t, ...n }) {
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 fg({ className: e, children: t, ...n }) {
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 pg({ className: e, children: t, ...n }) {
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 mg = Object.assign(lg, {
17972
- Eyebrow: ug,
17973
- Title: dg,
17974
- Body: fg,
17975
- Actions: pg
17976
- }), hg = {
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 gg({ 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 }) {
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(Kp, {
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", hg[i], o),
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 _g(e, t) {
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 vg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r = [], extra: i, copyright: a, className: o }) {
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: _g(e, {
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: _g(e, {
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 yg = {
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 bg(e, t) {
18112
+ function xg(e, t) {
18107
18113
  return t ? `${t} ${e}` : e;
18108
18114
  }
18109
- var xg = {
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(bg(e, t))}`,
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(bg(e, t))}`,
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 Sg({ 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 = "シェア" }) {
18281
- let [p, m] = d.useState(null), h = d.useRef(null), g = d.useRef(0), _ = n ?? yg[r];
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 = xg[n];
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 = xg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
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 = xg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
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 Cg = [
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
- ], wg = {
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 Tg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, itemAspectRatio: i = "2/1", itemWidth: a = 200, className: o, regionLabel: s = "バナー一覧" }) {
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 ?? Cg[t % Cg.length], r = e.href ? "a" : e.onClick ? "button" : "div";
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", wg[i] ?? "aspect-[2/1]", e.href && "block", !e.imageSrc && (e.gradient ? "text-[var(--Text-on-Media)]" : "text-[var(--Text-on-Inverse)]")),
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 Eg() {
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 Dg({ 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 }) {
18468
- let g = d.Children.toArray(e), _ = g.length, [v, y] = d.useState(!1), b = Eg(), { active: x, goTo: S, next: C, previous: w, scrollRef: T } = bm({
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(xm, {
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 Og({ className: e, bordered: t = !0, children: n, ...r }) {
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 kg({ items: e, className: t }) {
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 Ag = {
18591
+ var jg = {
18586
18592
  sm: "size-[60px]",
18587
18593
  md: "size-[100px]",
18588
18594
  lg: "size-[120px]"
18589
- }, jg = {
18595
+ }, Mg = {
18590
18596
  sm: "max-w-[60px]",
18591
18597
  md: "max-w-[100px]",
18592
18598
  lg: "max-w-[120px]"
18593
- }, Mg = {
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 Ng({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnailShape: i = "square", layout: a = "scroll", gridRows: o = 3, className: s }) {
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" : Ag[r], c),
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" : jg[r]),
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(fp, {
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: Mg[r]
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 Pg({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期中", successLabel: i = "保存済み", errorLabel: a = (e) => `${e}件のエラー`, offlineLabel: o = "オフライン", retryLabel: s = "再試行", className: c }) {
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 Fg = {
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
- }, Ig = [
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 Lg(e) {
18735
+ function Rg(e) {
18730
18736
  let t = { ...e };
18731
- for (let e of Ig) delete t[e];
18737
+ for (let e of Lg) delete t[e];
18732
18738
  return t;
18733
18739
  }
18734
- function Rg({ state: e, loading: t, icon: n }) {
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 zg({ 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 }) {
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(Rg, {
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", Fg[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);
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 = Lg(d);
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 Bg = zg;
18801
+ var Vg = Bg;
18796
18802
  //#endregion
18797
18803
  //#region src/components/ui/dropdown-filter.tsx
18798
- function Vg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allLabel: a = "すべて", getDisplayLabel: o, valueOnly: s = !1, pristineValue: c, closeLabel: l = "閉じる", className: u }) {
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 Hg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18896
- return /* @__PURE__ */ B(Rf, {
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 Ug = {
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 Wg({ 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 }) {
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", Ug[f], m),
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(Gg, {})
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(Kg, {})
18961
+ children: /* @__PURE__ */ B(qg, {})
18956
18962
  })]
18957
18963
  });
18958
18964
  }
18959
- function Gg() {
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 Kg() {
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 qg = {
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
- }, Jg = {
19004
+ }, Yg = {
18999
19005
  sm: "size-8",
19000
19006
  md: "size-10"
19001
- }, Yg = {
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 Xg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", tone: i = "surface", stopPropagation: a = !0, className: o, onClick: s, disabled: c, ...l }) {
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", qg[n], o),
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]", Jg[r], Yg[i]),
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 Zg = {
19033
+ var Qg = {
19028
19034
  square: "aspect-square",
19029
19035
  video: "aspect-video",
19030
19036
  portrait: "aspect-[3/4]"
19031
19037
  };
19032
- function Qg({ 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 }) {
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", Zg[u])),
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 $g(e) {
19121
+ function e_(e) {
19116
19122
  let t = e.trim();
19117
19123
  return t ? t.slice(0, 1).toUpperCase() : "?";
19118
19124
  }
19119
- function e_({ name: e, statusText: t, badgeLabel: n, online: r = !0, className: i }) {
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: $g(e)
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 t_({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDuration: i = 600, onHaptic: a, className: o, children: s }) {
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 vp(e, "subtle");
19215
+ return yp(e, "base");
19213
19216
  }
19214
19217
  function i_(e) {
19215
- return vp(e, "bold");
19218
+ return yp(e, "subtle");
19219
+ }
19220
+ function a_(e) {
19221
+ return yp(e, "bold");
19216
19222
  }
19217
- var a_ = [
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
- ], o_ = [
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, Wm as ActionTile, Zp 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, Qp as AppShell, Zl as AutoGrowTextarea, o as AutoPrompt, St as Avatar, wt as AvatarFallback, Ct as AvatarImage, Et as Badge, Kf as Banner, Tg 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, Am as BulkActions, K as Button, gp as CATEGORICAL_DOT_CLASS, hp 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, kg as CategoryNav, Ng as CategoryScroll, bd as Celebration, xd as CelebrationDialog, Zm as ChartControls, Ut as Checkbox, Wt as CheckboxCardGroup, Gt as CheckboxCardItem, Yt as CheckboxField, qt as CheckboxGroup, Jt as CheckboxGroupItem, Rf as Chip, Wf as ChipFilterBar, Vf as ChipSelector, Au as CoachMark, Pu as CoachMarkOverlay, Xt as Collapsible, Hf as CollapsibleChipField, Qt as CollapsibleContent, Zt as CollapsibleTrigger, bc as Combobox, $l as CommitAutoGrowTextarea, Vr as CommitInput, Ql as CommitTextarea, Lm as CompactFilePicker, ld as ConfirmDialog, Jp as Container, Dg as ContentCarousel, Wu as CookieConsent, Td as CountdownHero, wu as CountdownTimer, xh as DataTable, Lh as DataTableActionCell, qh as DataTableAddRow, Ph as DataTableAvatarCell, wh as DataTableBody, Wh as DataTableBulkActions, Nh as DataTableCell, Ih as DataTableCheckboxCell, Bh as DataTableDateCell, Hh as DataTableDragHandleCell, Jh as DataTableEmptyState, Eh as DataTableHead, Ch as DataTableHeader, Fh as DataTableImageCell, Rh as DataTableInputCell, Uh as DataTableLinkCell, Vh as DataTableNumberCell, Th as DataTableRow, Kh as DataTableSectionRow, zh as DataTableSelectCell, Sh 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, Zf as DocumentPage, Vg 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, qf as EmptyState, Ul as ErrorBoundary, Yf as ErrorState, np as FieldDescription, rp as FieldError, tp as FieldGroup, ep as FieldLegend, ip as FieldSeparator, $f as FieldSet, Im as FileUpload, wm as FilterBar, Hg as FilterChip, Wg as FilterPill, vg as Footer, ar as Form, nm as FormActions, fr as FormControl, pr as FormDescription, Qf as FormField, ur as FormItem, dr as FormLabel, mr as FormMessage, em as FormRoot, tm as FormSection, zl as GridSkeleton, Nr as HoverCard, Fr as HoverCardContent, Pr as HoverCardTrigger, Ou as IconBadge, Rm as ImageAttachmentPicker, Sm as ImageCarousel, ed as ImageGallery, Xg as ImageOverlayAction, Pm as ImageUploader, Te as InfoCircleIcon, Rr as Input, km as KebabMenu, Qd as KeyboardAwareSheetFooter, Kt as Label, ap as ListItem, Rl as ListSkeleton, $p as MarketingShell, ag as MediaActionCluster, eg as MenuDrawer, Tf as MobileAppHeader, Ef as MobileAppShell, wf as MobileFloatingActionButton, If as MobileTabBar, Cc as MultiSelect, id as NavigationBar, Jf as NotFoundIllustration, lp as NotificationBadge, qm as NotificationList, fu as NumberInput, mm as OrderSummary, wc as Pagination, Tc as PaginationContent, Ac as PaginationEllipsis, Ec as PaginationItem, Dc as PaginationLink, kc as PaginationNext, Oc as PaginationPrevious, mg as PhotoHero, mu as PillToggle, $s as Popover, nc as PopoverAnchor, tc as PopoverContent, ec as PopoverTrigger, Le as PortalContainerProvider, e_ as PresenceIndicator, om as PriceDisplay, _m as ProductCard, ym as ProductCarousel, zc as Progress, lu as ProgressRing, up as ProgressSteps, n as PromptCoordinatorProvider, Xf as Prose, pm as QuantitySelector, Km as QuickActionGrid, Pd as RESPONSIVE_OVERLAY_BREAKPOINT_VAR, Bc as RadioGroup, Vc as RadioGroupItem, lm 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, Em as ReviewCard, t_ as ReviewOverlay, Dm as ReviewSummary, sr as RhfFormField, c as SEMANTIC_ICONS, Gu as SOCIAL_ICON_LABELS, qu as SOCIAL_ICON_PLATFORMS, gg as Screen, xc as ScrollArea, Sc as ScrollBar, dp as SearchBar, Nm as SearchPanel, Xp as Section, fp 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, zm as SemanticIcon, Zc as Separator, sp as SettingsListRow, op as SettingsSection, Sg 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, eh as SimplePagination, Il as Skeleton, Ll as SkeletonText, Kp as SkipLink, Bl as Slider, Xu as SocialIcon, Qu as SocialLoginButton, Vl as Spinner, vu as StarRating, mp as StatCard, zg as StatusActionBadge, jm as StatusTabs, Og as StickyActionBar, Tu as SubNav, cd as SwipeRow, Wl as Switch, Pg as SyncStatusBadge, Bg as SyncStatusButton, Kl as Tabs, Yl as TabsContent, ql as TabsList, Jl as TabsTrigger, bp as Tag, od as TagInput, Xl as Textarea, Qg as ThumbnailCard, hc as TimePicker, Bp as Toaster, tu as Tooltip, ru as TooltipContent, eu as TooltipProvider, nu as TooltipTrigger, Tt as badgeVariants, Gf as bannerVariants, jc as buildPageItems, l as buttonVariants, _p as categoricalSurfaceClass, vp as categoricalVar, Lf as chipVariants, G as cn, Tp as configureToast, qp as containerVariants, Qh as createDataTableChipColumn, Zh as createDataTableDateColumn, $h as createDataTableSelectColumn, i_ as getCategoricalBold, n_ as getCategoricalColor, r_ as getCategoricalSubtle, et as getOpenModalCount, mh as getStickyCellProps, Du as iconBadgeVariants, e as isAutoPromptSuppressed, Fu as isCoachCompleted, Vu as isCookieDecided, uu as isImeComposing, Iu as markCoachCompleted, rm as priceVariants, o_ as projectCategories, Lu as resetCoach, Md as responsiveOverlayBreakpointQueries, Yp as sectionVariants, tt as subscribeOpenModals, a as suppressAutoPrompts, yp as tagVariants, Gp 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, Rp as useToast, a_ as weddingCategories };
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 };