ksk-design-system 2.6.4 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION.md +16 -0
- package/README.md +27 -1
- package/RELEASE.md +0 -4
- package/UPDATING.md +5 -0
- package/bin/lint.js +1 -1
- package/bin/product-theme-override.js +1 -1
- package/contracts/components.json +7 -4
- package/contracts/consumer-requests.json +25 -0
- package/contracts/product-theme-overrides.json +15 -0
- package/contracts/token-hex-cache.json +5 -1
- package/dist/index.js +457 -451
- package/dist/native/ui.js +559 -534
- package/dist/{native-BsJ3ntN3.js → native-_H0V_r0X.js} +30 -6
- package/dist/native.js +1 -1
- package/dist/types/components/patterns/commerce/bottom-tab-bar.d.ts +28 -0
- package/dist/types/native/components/Alert.d.ts +4 -1
- package/dist/types/native/components/StatCard.d.ts +8 -1
- package/dist/types/native/components/index.d.ts +1 -1
- package/dist/types/native/sheet-snap-gesture.d.ts +2 -0
- package/dist/types/tokens/native/themes.d.ts +24 -0
- package/package.json +10 -1
- package/src/components/COMPONENT_LOOKUP.md +1 -1
- package/src/preset-core.css +252 -0
- package/src/preset.css +7 -232
- package/src/styles/semantic.css +9 -0
- package/src/styles/source-safelist.css +4 -2
- package/tokens.json +5 -1
package/dist/native/ui.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../semantic-icons-CP9aRQ9C.js";
|
|
2
|
-
import { a as c, i as l, n as u, r as d, t as f } from "../native-
|
|
2
|
+
import { a as c, i as l, n as u, r as d, t as f } from "../native-_H0V_r0X.js";
|
|
3
3
|
import * as p from "react";
|
|
4
4
|
import m, { createContext as h, useCallback as g, useContext as _, useEffect as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
|
|
5
5
|
import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
|
|
6
|
-
import { AccessibilityInfo as E, ActivityIndicator as D, Animated as O, Dimensions as k, Easing as A, FlatList as j, Image as M, ImageBackground as N, Keyboard as P, KeyboardAvoidingView as ee, Linking as F, Modal as te, PanResponder as ne, Platform as I, Pressable as L, ScrollView as R, Share as re, Text as z, TextInput as B, View as V } from "react-native";
|
|
6
|
+
import { AccessibilityInfo as E, ActivityIndicator as D, Animated as O, Dimensions as k, Easing as A, FlatList as j, Image as M, ImageBackground as N, Keyboard as P, KeyboardAvoidingView as ee, Linking as F, Modal as te, PanResponder as ne, Platform as I, Pressable as L, ScrollView as R, Share as re, Text as z, TextInput as B, View as V, useWindowDimensions as H } from "react-native";
|
|
7
7
|
//#region src/native/theme/ThemeProvider.tsx
|
|
8
|
-
var
|
|
9
|
-
function
|
|
8
|
+
var U = h(null);
|
|
9
|
+
function ie({ children: e, initialName: t = "default", initialMode: n = "light" }) {
|
|
10
10
|
let [r, i] = S(t), [a, o] = S(n), s = b(() => ({
|
|
11
11
|
name: r,
|
|
12
12
|
mode: a,
|
|
@@ -16,20 +16,20 @@ function U({ children: e, initialName: t = "default", initialMode: n = "light" }
|
|
|
16
16
|
setMode: o,
|
|
17
17
|
toggleMode: () => o((e) => e === "light" ? "dark" : "light")
|
|
18
18
|
}), [r, a]);
|
|
19
|
-
return /* @__PURE__ */ w(
|
|
19
|
+
return /* @__PURE__ */ w(U.Provider, {
|
|
20
20
|
value: s,
|
|
21
21
|
children: e
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
function W() {
|
|
25
|
-
let e = _(
|
|
25
|
+
let e = _(U);
|
|
26
26
|
if (!e) throw Error("useTheme は ThemeProvider の内側で使ってください");
|
|
27
27
|
return e;
|
|
28
28
|
}
|
|
29
29
|
//#endregion
|
|
30
30
|
//#region src/native/theme/SafeAreaInsetsProvider.tsx
|
|
31
|
-
var
|
|
32
|
-
function
|
|
31
|
+
var ae = h(null);
|
|
32
|
+
function oe({ children: e, insets: t }) {
|
|
33
33
|
let { top: n, bottom: r, left: i, right: a } = t ?? {}, o = t != null, s = b(() => o ? {
|
|
34
34
|
top: n,
|
|
35
35
|
bottom: r,
|
|
@@ -42,40 +42,40 @@ function ae({ children: e, insets: t }) {
|
|
|
42
42
|
i,
|
|
43
43
|
a
|
|
44
44
|
]);
|
|
45
|
-
return /* @__PURE__ */ w(
|
|
45
|
+
return /* @__PURE__ */ w(ae.Provider, {
|
|
46
46
|
value: s,
|
|
47
47
|
children: e
|
|
48
48
|
});
|
|
49
49
|
}
|
|
50
|
-
function
|
|
51
|
-
return _(
|
|
50
|
+
function G() {
|
|
51
|
+
return _(ae);
|
|
52
52
|
}
|
|
53
53
|
//#endregion
|
|
54
54
|
//#region src/native/safe-area.ts
|
|
55
|
-
var
|
|
55
|
+
var se = 48;
|
|
56
56
|
function K(e, t, n = !0) {
|
|
57
57
|
if (!n || !e) return 0;
|
|
58
58
|
let r = e[t];
|
|
59
59
|
return typeof r != "number" || !Number.isFinite(r) || r < 0 ? 0 : r;
|
|
60
60
|
}
|
|
61
|
-
function
|
|
61
|
+
function ce(e, t) {
|
|
62
62
|
if (!e) return !1;
|
|
63
63
|
let n = e[t];
|
|
64
64
|
return typeof n == "number" && Number.isFinite(n) && n >= 0;
|
|
65
65
|
}
|
|
66
|
-
function
|
|
67
|
-
return t ?
|
|
66
|
+
function le({ insets: e, safeArea: t, isIOS: n, fallbackSpacing: r }) {
|
|
67
|
+
return t ? ce(e, "top") ? Math.max(K(e, "top"), r) : n ? 48 : r : r;
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function ue(e, t, n) {
|
|
70
70
|
return e + K(t, "top", n);
|
|
71
71
|
}
|
|
72
|
-
function
|
|
72
|
+
function de(e, t, n, r) {
|
|
73
73
|
let i = K(e, "top", t);
|
|
74
74
|
if (i <= 0 || !Number.isFinite(n) || !Number.isFinite(r)) return 0;
|
|
75
75
|
let a = n - r;
|
|
76
76
|
return Math.max(0, i - Math.max(0, a));
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function fe(e, t, n) {
|
|
79
79
|
return {
|
|
80
80
|
paddingTop: e + K(t, "top", n),
|
|
81
81
|
paddingBottom: e + K(t, "bottom", n),
|
|
@@ -94,7 +94,7 @@ function q(e) {
|
|
|
94
94
|
}
|
|
95
95
|
//#endregion
|
|
96
96
|
//#region src/native/scrim-layout.ts
|
|
97
|
-
function
|
|
97
|
+
function pe(e = "center") {
|
|
98
98
|
switch (e) {
|
|
99
99
|
case "top": return {
|
|
100
100
|
alignItems: "center",
|
|
@@ -114,7 +114,7 @@ function fe(e = "center") {
|
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function J(e = "center") {
|
|
118
118
|
return e === "stretch" ? {
|
|
119
119
|
flex: 1,
|
|
120
120
|
alignSelf: "stretch"
|
|
@@ -122,9 +122,9 @@ function pe(e = "center") {
|
|
|
122
122
|
}
|
|
123
123
|
//#endregion
|
|
124
124
|
//#region src/native/components/Text.tsx
|
|
125
|
-
var
|
|
126
|
-
function
|
|
127
|
-
let { theme: a } = W(), o =
|
|
125
|
+
var me = /* @__PURE__ */ new Set(["caption", "caption-strong"]);
|
|
126
|
+
function Y({ variant: e = "body.md", color: t, style: n, children: r, ...i }) {
|
|
127
|
+
let { theme: a } = W(), o = me.has(e) ? a.text["low-emphasis"] : a.text["high-emphasis"];
|
|
128
128
|
return /* @__PURE__ */ w(z, {
|
|
129
129
|
style: [
|
|
130
130
|
q(e),
|
|
@@ -165,7 +165,7 @@ var ge = {
|
|
|
165
165
|
regular: "regular",
|
|
166
166
|
thick: "regular"
|
|
167
167
|
};
|
|
168
|
-
function
|
|
168
|
+
function X({ intensity: e = "regular", tint: t = "system", nativeGlass: n = !0, fallback: r = "blur", glassEffectStyle: i, interactive: a = !1, tintColor: o, backgroundFill: s, rimColor: c, highlightColor: l, showRim: u = !0, showHighlight: d = !0, borderRadius: f, absoluteFill: p = !1, style: m, children: h, ...g }) {
|
|
169
169
|
let { scales: _, mode: v } = W(), y = f ?? _.borderRadius.lg, b = ge[e], x = t === "system" ? v === "dark" ? "dark" : "light" : t, S = s ?? (x === "light" ? `rgba(255, 255, 255, ${b.opacity})` : `rgba(20, 20, 30, ${b.opacity})`), C = c ?? (x === "light" ? "rgba(255, 255, 255, 0.42)" : "rgba(255, 255, 255, 0.15)"), E = l ?? (x === "light" ? "rgba(255, 255, 255, 0.72)" : "rgba(255, 255, 255, 0.22)"), D = {
|
|
170
170
|
...p ? ve : {},
|
|
171
171
|
borderRadius: y,
|
|
@@ -303,7 +303,7 @@ function Oe() {
|
|
|
303
303
|
}
|
|
304
304
|
//#endregion
|
|
305
305
|
//#region src/native/components/Button.tsx
|
|
306
|
-
function
|
|
306
|
+
function Z({ variant: e = "primary", elevation: t = "flat", containerStyle: n, pressedContainerStyle: r, textStyle: i, leadingIcon: a, trailingIcon: o, loading: s = !1, loadingLabel: c, spinnerColor: l, children: u, disabled: d, accessibilityState: f, ...p }) {
|
|
307
307
|
let { theme: m, scales: h, mode: g } = W(), _ = d || s, v = {
|
|
308
308
|
primary: {
|
|
309
309
|
bg: m.brand.primary,
|
|
@@ -350,7 +350,7 @@ function X({ variant: e = "primary", elevation: t = "flat", containerStyle: n, p
|
|
|
350
350
|
opacity: _ ? .56 : 1
|
|
351
351
|
},
|
|
352
352
|
...p,
|
|
353
|
-
children: ({ pressed: t }) => /* @__PURE__ */ w(
|
|
353
|
+
children: ({ pressed: t }) => /* @__PURE__ */ w(X, {
|
|
354
354
|
intensity: "regular",
|
|
355
355
|
borderRadius: h.borderRadius.full,
|
|
356
356
|
style: {
|
|
@@ -1000,7 +1000,7 @@ function Je({ orientation: e = "horizontal", emphasis: t = "low" }) {
|
|
|
1000
1000
|
}
|
|
1001
1001
|
//#endregion
|
|
1002
1002
|
//#region src/native/components/Skeleton.tsx
|
|
1003
|
-
function
|
|
1003
|
+
function Q({ width: e = "100%", height: t = 16, radius: n, style: r }) {
|
|
1004
1004
|
let { theme: i, scales: a } = W(), [o] = S(() => new O.Value(.4));
|
|
1005
1005
|
return v(() => {
|
|
1006
1006
|
let e = O.loop(O.sequence([O.timing(o, {
|
|
@@ -1024,7 +1024,7 @@ function Z({ width: e = "100%", height: t = 16, radius: n, style: r }) {
|
|
|
1024
1024
|
function Ye({ lines: e = 3 }) {
|
|
1025
1025
|
return /* @__PURE__ */ w(V, {
|
|
1026
1026
|
style: { gap: 8 },
|
|
1027
|
-
children: Array.from({ length: e }).map((t, n) => /* @__PURE__ */ w(
|
|
1027
|
+
children: Array.from({ length: e }).map((t, n) => /* @__PURE__ */ w(Q, {
|
|
1028
1028
|
height: 12,
|
|
1029
1029
|
width: n === e - 1 ? "60%" : "100%"
|
|
1030
1030
|
}, n))
|
|
@@ -1339,28 +1339,32 @@ function ht({ count: e = 0, max: t = 99, dot: n = !1, children: r }) {
|
|
|
1339
1339
|
}
|
|
1340
1340
|
//#endregion
|
|
1341
1341
|
//#region src/native/components/StatCard.tsx
|
|
1342
|
-
function gt({ label: e, value: t, delta: n, trend: r = "neutral" }) {
|
|
1343
|
-
let { theme:
|
|
1342
|
+
function gt({ label: e, value: t, delta: n, trend: r = "neutral", style: i, labelMinHeight: a, onLabelLayout: o }) {
|
|
1343
|
+
let { theme: s, scales: c } = W(), l = r === "up" ? s.text.success : r === "down" ? s.text.caution : s.text["low-emphasis"];
|
|
1344
1344
|
return /* @__PURE__ */ T(V, {
|
|
1345
|
-
style: {
|
|
1346
|
-
backgroundColor:
|
|
1347
|
-
borderColor:
|
|
1345
|
+
style: [{
|
|
1346
|
+
backgroundColor: s.surface.primary,
|
|
1347
|
+
borderColor: s.border["low-emphasis"],
|
|
1348
1348
|
borderWidth: 1,
|
|
1349
|
-
borderRadius:
|
|
1350
|
-
padding:
|
|
1351
|
-
gap:
|
|
1352
|
-
},
|
|
1349
|
+
borderRadius: c.borderRadius.lg,
|
|
1350
|
+
padding: c.spacing.scale[4],
|
|
1351
|
+
gap: c.spacing.scale[1]
|
|
1352
|
+
}, i],
|
|
1353
1353
|
children: [
|
|
1354
|
-
/* @__PURE__ */ w(
|
|
1355
|
-
style:
|
|
1356
|
-
children:
|
|
1354
|
+
/* @__PURE__ */ w(V, {
|
|
1355
|
+
style: { minHeight: a },
|
|
1356
|
+
children: /* @__PURE__ */ w(z, {
|
|
1357
|
+
onLayout: o,
|
|
1358
|
+
style: [q("label.sm"), { color: s.text["low-emphasis"] }],
|
|
1359
|
+
children: e
|
|
1360
|
+
})
|
|
1357
1361
|
}),
|
|
1358
1362
|
/* @__PURE__ */ w(z, {
|
|
1359
|
-
style: [q("heading.2xl"), { color:
|
|
1363
|
+
style: [q("heading.2xl"), { color: s.text["high-emphasis"] }],
|
|
1360
1364
|
children: t
|
|
1361
1365
|
}),
|
|
1362
1366
|
n && /* @__PURE__ */ T(z, {
|
|
1363
|
-
style: [q("label.sm"), { color:
|
|
1367
|
+
style: [q("label.sm"), { color: l }],
|
|
1364
1368
|
children: [
|
|
1365
1369
|
r === "up" ? "▲" : r === "down" ? "▼" : "■",
|
|
1366
1370
|
" ",
|
|
@@ -1585,7 +1589,7 @@ var Tt = [
|
|
|
1585
1589
|
"caution",
|
|
1586
1590
|
"info"
|
|
1587
1591
|
], Et = Tt;
|
|
1588
|
-
function
|
|
1592
|
+
function $(e) {
|
|
1589
1593
|
let t = Math.sin(e * 999) * 1e4;
|
|
1590
1594
|
return t - Math.floor(t);
|
|
1591
1595
|
}
|
|
@@ -1598,14 +1602,14 @@ function Lt({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
|
|
|
1598
1602
|
let { theme: j, scales: M } = W(), N = bt(), P = _ ?? d, ee = r === "burst", F = f ?? (ee ? Ot : P), ne = p && p.length > 0 ? p : Tt, I = t === "confetti" || t === "both", R = !l && (t === "confetti" || t === "emoji" || t === "both"), re = !!(y || c), B = n === "overlay", H = Dt(.94), U = Dt(0), ie = Dt(0), ae = b(() => Array.from({ length: u }, (e, t) => {
|
|
1599
1603
|
let n = {
|
|
1600
1604
|
id: t,
|
|
1601
|
-
delay: Math.round(ee ?
|
|
1602
|
-
duration: Math.round(F * (.78 +
|
|
1603
|
-
rotate: Math.round(
|
|
1604
|
-
size: 6 + Math.round(
|
|
1605
|
+
delay: Math.round(ee ? $(t + 11) * 80 : $(t + 11) * 420),
|
|
1606
|
+
duration: Math.round(F * (.78 + $(t + 21) * .44)),
|
|
1607
|
+
rotate: Math.round($(t + 41) * 720),
|
|
1608
|
+
size: 6 + Math.round($(t + 51) * 6),
|
|
1605
1609
|
color: ne[t % ne.length]
|
|
1606
1610
|
};
|
|
1607
1611
|
if (ee) {
|
|
1608
|
-
let e = (jt +
|
|
1612
|
+
let e = (jt + $(t + 61) * (Mt - jt)) * Math.PI / 180, r = ($(t + 31) - .5) * m, i = Math.max(40, Nt + $(t + 71) * (Pt - Nt) + r), a = Ft + $(t + 81) * (It - Ft), o = Math.round(Math.cos(e) * i), s = Math.round(Math.sin(e) * i + a);
|
|
1609
1613
|
return {
|
|
1610
1614
|
...n,
|
|
1611
1615
|
left: 0,
|
|
@@ -1616,8 +1620,8 @@ function Lt({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
|
|
|
1616
1620
|
}
|
|
1617
1621
|
return {
|
|
1618
1622
|
...n,
|
|
1619
|
-
left: Math.round(
|
|
1620
|
-
drift: Math.round((
|
|
1623
|
+
left: Math.round($(t + 1) * 100),
|
|
1624
|
+
drift: Math.round(($(t + 31) - .5) * m),
|
|
1621
1625
|
finalX: 0,
|
|
1622
1626
|
finalY: 0
|
|
1623
1627
|
};
|
|
@@ -1630,9 +1634,9 @@ function Lt({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
|
|
|
1630
1634
|
]), oe = x(e), [G] = S(() => xt({
|
|
1631
1635
|
animationFallbackDelay: kt,
|
|
1632
1636
|
showFallbackDelay: At
|
|
1633
|
-
})),
|
|
1637
|
+
})), se = g(() => {
|
|
1634
1638
|
oe.current && (U.stopAnimation(), H.stopAnimation(), U.setValue(1), H.setValue(1));
|
|
1635
|
-
}, [U, H]),
|
|
1639
|
+
}, [U, H]), K = g((e) => {
|
|
1636
1640
|
H.setValue(.94), U.setValue(0), O.parallel([O.timing(U, {
|
|
1637
1641
|
toValue: 1,
|
|
1638
1642
|
duration: 160,
|
|
@@ -1648,22 +1652,22 @@ function Lt({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
|
|
|
1648
1652
|
v(() => {
|
|
1649
1653
|
if (oe.current = e, G.cancel(), e) {
|
|
1650
1654
|
if (!B) {
|
|
1651
|
-
|
|
1655
|
+
K(() => {});
|
|
1652
1656
|
return;
|
|
1653
1657
|
}
|
|
1654
|
-
H.setValue(.94), U.setValue(0), G.onOpen(
|
|
1658
|
+
H.setValue(.94), U.setValue(0), G.onOpen(se);
|
|
1655
1659
|
}
|
|
1656
1660
|
}, [
|
|
1657
1661
|
e,
|
|
1658
1662
|
B,
|
|
1659
1663
|
U,
|
|
1660
1664
|
H,
|
|
1661
|
-
|
|
1665
|
+
se,
|
|
1662
1666
|
G,
|
|
1663
|
-
|
|
1667
|
+
K
|
|
1664
1668
|
]), v(() => () => G.cancel(), [G]);
|
|
1665
1669
|
let ce = () => {
|
|
1666
|
-
G.onModalShow(
|
|
1670
|
+
G.onModalShow(K, se);
|
|
1667
1671
|
};
|
|
1668
1672
|
if (wt(ie, {
|
|
1669
1673
|
enabled: e && h === "bounce",
|
|
@@ -2449,7 +2453,7 @@ function cn({ checked: e = !1, onChange: t, disabled: n = !1, size: r = 20, deco
|
|
|
2449
2453
|
//#endregion
|
|
2450
2454
|
//#region src/native/components/CheckboxField.tsx
|
|
2451
2455
|
function ln({ checked: e = !1, onChange: t, disabled: n = !1, label: r, description: i, accessibilityLabel: a, accessibilityHint: o }) {
|
|
2452
|
-
let { theme: s, scales: c } = W();
|
|
2456
|
+
let { theme: s, scales: c } = W(), { fontScale: l } = H(), u = q("body.md"), d = Math.max(0, ((u.lineHeight ?? 20) * l - 20) / 2);
|
|
2453
2457
|
return /* @__PURE__ */ T(L, {
|
|
2454
2458
|
onPress: () => !n && t?.(!e),
|
|
2455
2459
|
disabled: n,
|
|
@@ -2475,10 +2479,11 @@ function ln({ checked: e = !1, onChange: t, disabled: n = !1, label: r, descript
|
|
|
2475
2479
|
accessibilityElementsHidden: !0,
|
|
2476
2480
|
importantForAccessibility: "no-hide-descendants",
|
|
2477
2481
|
"aria-hidden": !0,
|
|
2478
|
-
style: { paddingTop: i ?
|
|
2482
|
+
style: { paddingTop: i ? d : 0 },
|
|
2479
2483
|
children: /* @__PURE__ */ w(cn, {
|
|
2480
2484
|
checked: e,
|
|
2481
2485
|
disabled: n,
|
|
2486
|
+
size: 20,
|
|
2482
2487
|
decorative: !0
|
|
2483
2488
|
})
|
|
2484
2489
|
}), /* @__PURE__ */ T(V, {
|
|
@@ -2487,7 +2492,7 @@ function ln({ checked: e = !1, onChange: t, disabled: n = !1, label: r, descript
|
|
|
2487
2492
|
gap: 2
|
|
2488
2493
|
},
|
|
2489
2494
|
children: [/* @__PURE__ */ w(z, {
|
|
2490
|
-
style: [
|
|
2495
|
+
style: [u, { color: s.text["high-emphasis"] }],
|
|
2491
2496
|
children: r
|
|
2492
2497
|
}), i && /* @__PURE__ */ w(z, {
|
|
2493
2498
|
style: [q("body.sm"), { color: s.text["medium-emphasis"] }],
|
|
@@ -2802,10 +2807,10 @@ function vn({ title: e, description: t, style: n, children: r, ...i }) {
|
|
|
2802
2807
|
...i,
|
|
2803
2808
|
children: [(e || t) && /* @__PURE__ */ T(V, {
|
|
2804
2809
|
style: { gap: o.spacing.scale[1] },
|
|
2805
|
-
children: [e && /* @__PURE__ */ w(
|
|
2810
|
+
children: [e && /* @__PURE__ */ w(Y, {
|
|
2806
2811
|
variant: "heading.md",
|
|
2807
2812
|
children: e
|
|
2808
|
-
}), t && /* @__PURE__ */ w(
|
|
2813
|
+
}), t && /* @__PURE__ */ w(Y, {
|
|
2809
2814
|
variant: "body.sm",
|
|
2810
2815
|
color: a.text["medium-emphasis"],
|
|
2811
2816
|
children: t
|
|
@@ -2827,55 +2832,56 @@ function yn({ style: e, children: t, ...n }) {
|
|
|
2827
2832
|
}
|
|
2828
2833
|
//#endregion
|
|
2829
2834
|
//#region src/native/components/Alert.tsx
|
|
2830
|
-
function bn({ tone: e = "info",
|
|
2831
|
-
let { theme:
|
|
2835
|
+
function bn({ tone: e = "info", variant: t, title: n, description: r, children: i }) {
|
|
2836
|
+
let { theme: a, scales: o } = W(), s = t ? t.replace("inline-", "") : e, c = {
|
|
2832
2837
|
info: {
|
|
2833
|
-
bg:
|
|
2834
|
-
fg:
|
|
2835
|
-
border:
|
|
2838
|
+
bg: a.surface.info,
|
|
2839
|
+
fg: a.text.info,
|
|
2840
|
+
border: a.border.info
|
|
2836
2841
|
},
|
|
2837
2842
|
success: {
|
|
2838
|
-
bg:
|
|
2839
|
-
fg:
|
|
2840
|
-
border:
|
|
2843
|
+
bg: a.surface.success,
|
|
2844
|
+
fg: a.text.success,
|
|
2845
|
+
border: a.border.success
|
|
2841
2846
|
},
|
|
2842
2847
|
warning: {
|
|
2843
|
-
bg:
|
|
2844
|
-
fg:
|
|
2845
|
-
border:
|
|
2848
|
+
bg: a.surface.warning,
|
|
2849
|
+
fg: a.text.warning,
|
|
2850
|
+
border: a.border.warning
|
|
2846
2851
|
},
|
|
2847
2852
|
caution: {
|
|
2848
|
-
bg:
|
|
2849
|
-
fg:
|
|
2850
|
-
border:
|
|
2853
|
+
bg: a.surface.caution,
|
|
2854
|
+
fg: a.text.caution,
|
|
2855
|
+
border: a.border.caution
|
|
2851
2856
|
}
|
|
2852
|
-
}[
|
|
2857
|
+
}[s], l = t === "inline-info";
|
|
2853
2858
|
return /* @__PURE__ */ T(V, {
|
|
2854
2859
|
style: {
|
|
2855
|
-
backgroundColor:
|
|
2856
|
-
borderColor:
|
|
2857
|
-
borderLeftWidth: 4,
|
|
2858
|
-
borderRadius:
|
|
2859
|
-
|
|
2860
|
-
|
|
2860
|
+
backgroundColor: l ? a.surface.tertiary : c.bg,
|
|
2861
|
+
borderColor: c.border,
|
|
2862
|
+
borderLeftWidth: t ? 0 : 4,
|
|
2863
|
+
borderRadius: t ? o.borderRadius.sm : o.borderRadius.md,
|
|
2864
|
+
paddingHorizontal: o.spacing.scale[3],
|
|
2865
|
+
paddingVertical: o.spacing.scale[t ? 2 : 3],
|
|
2866
|
+
gap: o.spacing.scale[1]
|
|
2861
2867
|
},
|
|
2862
2868
|
children: [
|
|
2863
|
-
t && /* @__PURE__ */ w(z, {
|
|
2864
|
-
style: [q("label.md"), { color: o.fg }],
|
|
2865
|
-
children: t
|
|
2866
|
-
}),
|
|
2867
2869
|
n && /* @__PURE__ */ w(z, {
|
|
2868
|
-
style: [q("
|
|
2870
|
+
style: [q("label.md"), { color: l ? a.text["high-emphasis"] : c.fg }],
|
|
2869
2871
|
children: n
|
|
2870
2872
|
}),
|
|
2871
|
-
r
|
|
2873
|
+
r && /* @__PURE__ */ w(z, {
|
|
2874
|
+
style: [q("body.sm"), { color: t ? l ? a.text["medium-emphasis"] : c.fg : a.text["high-emphasis"] }],
|
|
2875
|
+
children: r
|
|
2876
|
+
}),
|
|
2877
|
+
i
|
|
2872
2878
|
]
|
|
2873
2879
|
});
|
|
2874
2880
|
}
|
|
2875
2881
|
//#endregion
|
|
2876
2882
|
//#region src/native/components/Dialog.tsx
|
|
2877
2883
|
function xn({ open: e, onClose: t, title: n, description: r, footer: i, children: a, dismissOnBackdrop: o = !0, position: s = "center", safeArea: c = !0 }) {
|
|
2878
|
-
let { theme: l, scales: u, mode: d } = W(), f =
|
|
2884
|
+
let { theme: l, scales: u, mode: d } = W(), f = G(), p = s === "fullscreen", m = fe(u.spacing.scale[5], f, c);
|
|
2879
2885
|
return /* @__PURE__ */ w(te, {
|
|
2880
2886
|
visible: e,
|
|
2881
2887
|
transparent: !p,
|
|
@@ -2942,7 +2948,7 @@ var Sn = {
|
|
|
2942
2948
|
bottom: 0
|
|
2943
2949
|
};
|
|
2944
2950
|
function Cn({ onPress: e, accessibilityLabel: t, children: n, align: r = "center", style: i, testID: a }) {
|
|
2945
|
-
let { theme: o } = W(), s =
|
|
2951
|
+
let { theme: o } = W(), s = pe(r), c = J(r);
|
|
2946
2952
|
return /* @__PURE__ */ T(V, {
|
|
2947
2953
|
style: [{
|
|
2948
2954
|
...Sn,
|
|
@@ -2974,14 +2980,14 @@ function wn({ open: e, onClose: t, title: n, description: r, confirmLabel: i = "
|
|
|
2974
2980
|
dismissOnBackdrop: !1,
|
|
2975
2981
|
footer: /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(V, {
|
|
2976
2982
|
style: { minWidth: 100 },
|
|
2977
|
-
children: /* @__PURE__ */ w(
|
|
2983
|
+
children: /* @__PURE__ */ w(Z, {
|
|
2978
2984
|
variant: "tertiary",
|
|
2979
2985
|
onPress: t,
|
|
2980
2986
|
children: a
|
|
2981
2987
|
})
|
|
2982
2988
|
}), /* @__PURE__ */ w(V, {
|
|
2983
2989
|
style: { minWidth: 100 },
|
|
2984
|
-
children: /* @__PURE__ */ w(
|
|
2990
|
+
children: /* @__PURE__ */ w(Z, {
|
|
2985
2991
|
variant: s ? "destructive" : "primary",
|
|
2986
2992
|
onPress: () => {
|
|
2987
2993
|
o?.(), t();
|
|
@@ -3048,60 +3054,67 @@ function On(e, t, n, r) {
|
|
|
3048
3054
|
snap: d
|
|
3049
3055
|
};
|
|
3050
3056
|
}
|
|
3057
|
+
function kn(e, t) {
|
|
3058
|
+
return !e && !t;
|
|
3059
|
+
}
|
|
3051
3060
|
//#endregion
|
|
3052
3061
|
//#region src/native/components/Sheet.tsx
|
|
3053
|
-
var
|
|
3054
|
-
function
|
|
3062
|
+
var An = 800;
|
|
3063
|
+
function jn(e) {
|
|
3055
3064
|
let { side: t = "bottom", snapPoints: n } = e;
|
|
3056
|
-
return n && n.length > 0 && t === "bottom" ? /* @__PURE__ */ w(
|
|
3057
|
-
}
|
|
3058
|
-
var
|
|
3059
|
-
function
|
|
3060
|
-
let { theme: s, scales: c } = W(), l =
|
|
3061
|
-
animationFallbackDelay:
|
|
3062
|
-
showFallbackDelay:
|
|
3063
|
-
})), p =
|
|
3064
|
-
|
|
3065
|
+
return n && n.length > 0 && t === "bottom" ? /* @__PURE__ */ w(Rn, { ...e }) : /* @__PURE__ */ w(Pn, { ...e });
|
|
3066
|
+
}
|
|
3067
|
+
var Mn = 220, Nn = 340;
|
|
3068
|
+
function Pn({ open: e, onClose: t, side: n = "bottom", title: r, children: i, safeArea: a = !0, surfaceColor: o }) {
|
|
3069
|
+
let { theme: s, scales: c } = W(), l = G(), [u] = S(() => new O.Value(0)), d = x(e), [f] = S(() => xt({
|
|
3070
|
+
animationFallbackDelay: Nn,
|
|
3071
|
+
showFallbackDelay: An
|
|
3072
|
+
})), [p, m] = S(!1), [h, _] = S(e);
|
|
3073
|
+
h !== e && (_(e), m(!1));
|
|
3074
|
+
let y = g(() => {
|
|
3075
|
+
d.current && (u.stopAnimation(), u.setValue(1), m(!0));
|
|
3065
3076
|
}, [u]);
|
|
3066
3077
|
v(() => {
|
|
3067
|
-
d.current = e, f.cancel(), u.stopAnimation(), u.setValue(0), e && f.onOpen(
|
|
3078
|
+
d.current = e, f.cancel(), u.stopAnimation(), u.setValue(0), e && f.onOpen(y);
|
|
3068
3079
|
}, [
|
|
3069
3080
|
e,
|
|
3070
3081
|
u,
|
|
3071
3082
|
f,
|
|
3072
|
-
|
|
3083
|
+
y
|
|
3073
3084
|
]), v(() => () => f.cancel(), [f]);
|
|
3074
|
-
let
|
|
3085
|
+
let b = () => {
|
|
3075
3086
|
f.onModalShow((e) => {
|
|
3076
3087
|
u.stopAnimation(), u.setValue(0), O.timing(u, {
|
|
3077
3088
|
toValue: 1,
|
|
3078
|
-
duration:
|
|
3089
|
+
duration: Mn,
|
|
3079
3090
|
useNativeDriver: !0
|
|
3080
|
-
}).start(({ finished: t }) =>
|
|
3081
|
-
|
|
3082
|
-
|
|
3091
|
+
}).start(({ finished: t }) => {
|
|
3092
|
+
e(t), t && d.current && m(!0);
|
|
3093
|
+
});
|
|
3094
|
+
}, y);
|
|
3095
|
+
}, { width: C, height: E } = k.get("window"), D = {
|
|
3083
3096
|
bottom: { translateY: u.interpolate({
|
|
3084
3097
|
inputRange: [0, 1],
|
|
3085
|
-
outputRange: [
|
|
3098
|
+
outputRange: [E, 0]
|
|
3086
3099
|
}) },
|
|
3087
3100
|
top: { translateY: u.interpolate({
|
|
3088
3101
|
inputRange: [0, 1],
|
|
3089
|
-
outputRange: [-
|
|
3102
|
+
outputRange: [-E, 0]
|
|
3090
3103
|
}) },
|
|
3091
3104
|
left: { translateX: u.interpolate({
|
|
3092
3105
|
inputRange: [0, 1],
|
|
3093
|
-
outputRange: [-
|
|
3106
|
+
outputRange: [-C, 0]
|
|
3094
3107
|
}) },
|
|
3095
3108
|
right: { translateX: u.interpolate({
|
|
3096
3109
|
inputRange: [0, 1],
|
|
3097
|
-
outputRange: [
|
|
3110
|
+
outputRange: [C, 0]
|
|
3098
3111
|
}) }
|
|
3099
3112
|
};
|
|
3100
3113
|
return /* @__PURE__ */ w(te, {
|
|
3101
3114
|
visible: e,
|
|
3102
3115
|
transparent: !0,
|
|
3103
3116
|
animationType: "none",
|
|
3104
|
-
onShow:
|
|
3117
|
+
onShow: b,
|
|
3105
3118
|
onRequestClose: t,
|
|
3106
3119
|
children: /* @__PURE__ */ w(L, {
|
|
3107
3120
|
onPress: t,
|
|
@@ -3117,7 +3130,7 @@ function Mn({ open: e, onClose: t, side: n = "bottom", title: r, children: i, sa
|
|
|
3117
3130
|
},
|
|
3118
3131
|
children: /* @__PURE__ */ w(O.View, {
|
|
3119
3132
|
style: {
|
|
3120
|
-
transform: [
|
|
3133
|
+
transform: p ? [{ translateX: 0 }, { translateY: 0 }] : [D[n].translateX ? { translateX: D[n].translateX } : { translateX: 0 }, D[n].translateY ? { translateY: D[n].translateY } : { translateY: 0 }],
|
|
3121
3134
|
backgroundColor: o ?? s.surface.primary,
|
|
3122
3135
|
...n === "bottom" || n === "top" ? {
|
|
3123
3136
|
width: "100%",
|
|
@@ -3128,7 +3141,7 @@ function Mn({ open: e, onClose: t, side: n = "bottom", title: r, children: i, sa
|
|
|
3128
3141
|
width: "85%"
|
|
3129
3142
|
},
|
|
3130
3143
|
padding: c.spacing.scale[4],
|
|
3131
|
-
...n === "top" ? { paddingTop:
|
|
3144
|
+
...n === "top" ? { paddingTop: ue(c.spacing.scale[4], l, a) } : null,
|
|
3132
3145
|
gap: c.spacing.scale[3]
|
|
3133
3146
|
},
|
|
3134
3147
|
children: /* @__PURE__ */ T(L, {
|
|
@@ -3156,13 +3169,13 @@ function Mn({ open: e, onClose: t, side: n = "bottom", title: r, children: i, sa
|
|
|
3156
3169
|
})
|
|
3157
3170
|
});
|
|
3158
3171
|
}
|
|
3159
|
-
var
|
|
3160
|
-
function
|
|
3172
|
+
var Fn = 180, In = 300;
|
|
3173
|
+
function Ln(e, t, n) {
|
|
3161
3174
|
return Math.max(t, Math.min(n, e));
|
|
3162
3175
|
}
|
|
3163
|
-
function
|
|
3164
|
-
let { theme: u, scales: d } = W(), f =
|
|
3165
|
-
let e = [...i ?? [.55, .92]].map((e) =>
|
|
3176
|
+
function Rn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initialSnap: a, footer: o, dismissible: s = !0, safeArea: c = !0, surfaceColor: l }) {
|
|
3177
|
+
let { theme: u, scales: d } = W(), f = G(), p = b(() => {
|
|
3178
|
+
let e = [...i ?? [.55, .92]].map((e) => Ln(e, .1, .99)).sort((e, t) => e - t);
|
|
3166
3179
|
return e.length > 0 ? e : [.55, .92];
|
|
3167
3180
|
}, [i]), m = p[0], h = p[p.length - 1], _ = k.get("window").height, y = typeof globalThis < "u" && globalThis.window?.innerHeight, [C] = S(() => _ > 0 ? _ : y && y > 0 ? y : 700), E = Math.round(C * h), [D, j] = S(null), [M, N] = S(null), [F, re] = S(!1), H = x(null), U = x(0);
|
|
3168
3181
|
v(() => {
|
|
@@ -3171,12 +3184,12 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3171
3184
|
e.remove(), t.remove();
|
|
3172
3185
|
};
|
|
3173
3186
|
}, []);
|
|
3174
|
-
let { availableHeight: ie, panelHeight: ae, expandToViewport:
|
|
3187
|
+
let { availableHeight: ie, panelHeight: ae, expandToViewport: oe } = Tn(M ?? C, E, D, F), se = de(f, c, ie, ae), [K, ce] = S(0), le = g(() => {
|
|
3175
3188
|
let e = B.State.currentlyFocusedInput?.(), t = H.current;
|
|
3176
3189
|
!e || !t || !F || t.getNativeScrollRef()?.measureInWindow((n, r, i, a) => {
|
|
3177
3190
|
e.measureInWindow((n, i, o, s) => {
|
|
3178
3191
|
if (B.State.currentlyFocusedInput?.() !== e || H.current !== t) return;
|
|
3179
|
-
let c = r + a -
|
|
3192
|
+
let c = r + a - K - d.spacing.scale[4], l = i < r ? i - r : Math.max(0, i + s - c);
|
|
3180
3193
|
l !== 0 && t.scrollTo({
|
|
3181
3194
|
y: Math.max(0, U.current + l),
|
|
3182
3195
|
animated: !0
|
|
@@ -3185,7 +3198,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3185
3198
|
});
|
|
3186
3199
|
}, [
|
|
3187
3200
|
F,
|
|
3188
|
-
|
|
3201
|
+
K,
|
|
3189
3202
|
d.spacing.scale
|
|
3190
3203
|
]);
|
|
3191
3204
|
v(() => {
|
|
@@ -3197,11 +3210,11 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3197
3210
|
D,
|
|
3198
3211
|
le
|
|
3199
3212
|
]);
|
|
3200
|
-
let
|
|
3213
|
+
let ue = Ln(a ?? m, m, h), fe = (h - ue) * C, pe = x(ue), [J] = S(() => new O.Value(E)), me = x(E), Y = x(!1), he = x(e), ge = x(!1);
|
|
3201
3214
|
v(() => {
|
|
3202
|
-
|
|
3203
|
-
}, [
|
|
3204
|
-
let
|
|
3215
|
+
ge.current = oe;
|
|
3216
|
+
}, [oe]);
|
|
3217
|
+
let _e = x({
|
|
3205
3218
|
points: p,
|
|
3206
3219
|
minSnap: m,
|
|
3207
3220
|
maxSnap: h,
|
|
@@ -3209,12 +3222,12 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3209
3222
|
H: C,
|
|
3210
3223
|
dismissible: s,
|
|
3211
3224
|
onClose: t
|
|
3212
|
-
}), [
|
|
3213
|
-
animationFallbackDelay:
|
|
3214
|
-
showFallbackDelay:
|
|
3225
|
+
}), [X] = S(() => xt({
|
|
3226
|
+
animationFallbackDelay: In,
|
|
3227
|
+
showFallbackDelay: An
|
|
3215
3228
|
}));
|
|
3216
3229
|
v(() => {
|
|
3217
|
-
|
|
3230
|
+
_e.current = {
|
|
3218
3231
|
points: p,
|
|
3219
3232
|
minSnap: m,
|
|
3220
3233
|
maxSnap: h,
|
|
@@ -3232,78 +3245,88 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3232
3245
|
s,
|
|
3233
3246
|
t
|
|
3234
3247
|
]);
|
|
3235
|
-
let
|
|
3248
|
+
let ve = g((e) => {
|
|
3236
3249
|
me.current = e, J.setValue(e);
|
|
3237
3250
|
}, [J]);
|
|
3238
3251
|
v(() => {
|
|
3239
|
-
|
|
3252
|
+
oe && (J.stopAnimation(), Y.current = !1, ve((h - pe.current) * C));
|
|
3240
3253
|
}, [
|
|
3241
|
-
|
|
3254
|
+
oe,
|
|
3242
3255
|
J,
|
|
3243
|
-
|
|
3256
|
+
ve,
|
|
3244
3257
|
h,
|
|
3245
3258
|
C
|
|
3246
3259
|
]);
|
|
3247
|
-
let
|
|
3248
|
-
|
|
3260
|
+
let ye = g((e, t, n) => {
|
|
3261
|
+
Y.current = !0, O.timing(J, {
|
|
3249
3262
|
toValue: e,
|
|
3250
3263
|
duration: t,
|
|
3251
3264
|
easing: A.out(A.cubic),
|
|
3252
3265
|
useNativeDriver: !0
|
|
3253
3266
|
}).start(({ finished: t }) => {
|
|
3254
|
-
|
|
3267
|
+
Y.current = !1, t && (me.current = e), n?.(t);
|
|
3255
3268
|
});
|
|
3256
|
-
}, [J]),
|
|
3257
|
-
let { maxSnap: r, H: i } =
|
|
3258
|
-
pe.current = e,
|
|
3259
|
-
}, [
|
|
3269
|
+
}, [J]), be = g((e, t = Fn, n) => {
|
|
3270
|
+
let { maxSnap: r, H: i } = _e.current;
|
|
3271
|
+
pe.current = e, ye((r - e) * i, t, n);
|
|
3272
|
+
}, [ye]), xe = x(() => {});
|
|
3260
3273
|
v(() => {
|
|
3261
|
-
|
|
3262
|
-
|
|
3274
|
+
xe.current = () => {
|
|
3275
|
+
he.current && (J.stopAnimation(), Y.current = !1, pe.current = ue, ve(fe));
|
|
3263
3276
|
};
|
|
3264
3277
|
}, [
|
|
3265
|
-
|
|
3278
|
+
ue,
|
|
3266
3279
|
fe,
|
|
3267
3280
|
J,
|
|
3268
|
-
|
|
3281
|
+
ve
|
|
3269
3282
|
]), v(() => {
|
|
3270
|
-
|
|
3283
|
+
he.current = e, X.cancel(), J.stopAnimation(), Y.current = !1, ve(_e.current.panelH), e && (U.current = 0, X.onOpen(() => xe.current()));
|
|
3271
3284
|
}, [
|
|
3272
3285
|
e,
|
|
3273
|
-
|
|
3286
|
+
X,
|
|
3274
3287
|
J,
|
|
3275
|
-
|
|
3276
|
-
]), v(() => () =>
|
|
3277
|
-
let
|
|
3278
|
-
|
|
3279
|
-
J.stopAnimation(),
|
|
3280
|
-
}, () =>
|
|
3281
|
-
},
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3288
|
+
ve
|
|
3289
|
+
]), v(() => () => X.cancel(), [X]);
|
|
3290
|
+
let Se = () => {
|
|
3291
|
+
X.onModalShow((e) => {
|
|
3292
|
+
J.stopAnimation(), ve(_e.current.panelH), be(ue, Fn, e);
|
|
3293
|
+
}, () => xe.current());
|
|
3294
|
+
}, Ce = x(0), we = x(ue), [Te] = S(() => {
|
|
3295
|
+
let e = {
|
|
3296
|
+
onStartShouldSetPanResponder: () => !1,
|
|
3297
|
+
onMoveShouldSetPanResponder: (e, t) => !ge.current && En(t.dy, {
|
|
3298
|
+
active: pe.current,
|
|
3299
|
+
maxSnap: _e.current.maxSnap,
|
|
3300
|
+
scrollTop: U.current,
|
|
3301
|
+
animating: Y.current
|
|
3302
|
+
}),
|
|
3303
|
+
onPanResponderGrant: () => {
|
|
3304
|
+
ge.current || (Ce.current = me.current, we.current = pe.current);
|
|
3305
|
+
},
|
|
3306
|
+
onPanResponderMove: (e, t) => {
|
|
3307
|
+
ge.current || ve(Dn(Ce.current, t.dy, _e.current));
|
|
3308
|
+
},
|
|
3309
|
+
onPanResponderRelease: (e, t) => {
|
|
3310
|
+
if (ge.current) return;
|
|
3311
|
+
let n = _e.current, r = On(Ce.current, t.dy, we.current, n);
|
|
3312
|
+
if (r.kind === "close") {
|
|
3313
|
+
ye(n.panelH, Fn, () => {
|
|
3314
|
+
he.current && n.onClose();
|
|
3315
|
+
});
|
|
3316
|
+
return;
|
|
3317
|
+
}
|
|
3318
|
+
be(r.snap);
|
|
3303
3319
|
}
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3320
|
+
};
|
|
3321
|
+
return {
|
|
3322
|
+
body: ne.create(e),
|
|
3323
|
+
handle: ne.create({
|
|
3324
|
+
...e,
|
|
3325
|
+
onStartShouldSetPanResponder: () => kn(Y.current, ge.current),
|
|
3326
|
+
onPanResponderTerminationRequest: () => !1
|
|
3327
|
+
})
|
|
3328
|
+
};
|
|
3329
|
+
}), Ee = J.interpolate({
|
|
3307
3330
|
inputRange: [0, E],
|
|
3308
3331
|
outputRange: [.4, 0],
|
|
3309
3332
|
extrapolate: "clamp"
|
|
@@ -3312,7 +3335,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3312
3335
|
visible: e,
|
|
3313
3336
|
transparent: !0,
|
|
3314
3337
|
animationType: "none",
|
|
3315
|
-
onShow:
|
|
3338
|
+
onShow: Se,
|
|
3316
3339
|
onRequestClose: t,
|
|
3317
3340
|
children: [/* @__PURE__ */ w(O.View, {
|
|
3318
3341
|
pointerEvents: e ? "auto" : "none",
|
|
@@ -3323,7 +3346,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3323
3346
|
top: 0,
|
|
3324
3347
|
bottom: 0,
|
|
3325
3348
|
backgroundColor: u.overlay.dark,
|
|
3326
|
-
opacity:
|
|
3349
|
+
opacity: Ee
|
|
3327
3350
|
},
|
|
3328
3351
|
children: /* @__PURE__ */ w(L, {
|
|
3329
3352
|
onPress: s ? t : () => {},
|
|
@@ -3342,7 +3365,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3342
3365
|
t <= 0 || (j(t), F || N((e) => Math.max(e ?? 0, t)));
|
|
3343
3366
|
},
|
|
3344
3367
|
children: [/* @__PURE__ */ T(O.View, {
|
|
3345
|
-
...
|
|
3368
|
+
...Te.body.panHandlers,
|
|
3346
3369
|
style: {
|
|
3347
3370
|
position: "absolute",
|
|
3348
3371
|
left: 0,
|
|
@@ -3352,12 +3375,14 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3352
3375
|
backgroundColor: l ?? u.surface.primary,
|
|
3353
3376
|
borderTopLeftRadius: d.borderRadius["2xl"],
|
|
3354
3377
|
borderTopRightRadius: d.borderRadius["2xl"],
|
|
3355
|
-
transform: [{ translateY:
|
|
3378
|
+
transform: [{ translateY: oe ? 0 : J }]
|
|
3356
3379
|
},
|
|
3357
3380
|
children: [/* @__PURE__ */ T(V, {
|
|
3381
|
+
...Te.handle.panHandlers,
|
|
3358
3382
|
style: {
|
|
3383
|
+
minHeight: d.touchTargets.iconButton.min,
|
|
3359
3384
|
paddingHorizontal: d.spacing.scale[4],
|
|
3360
|
-
paddingTop: d.spacing.scale[3] +
|
|
3385
|
+
paddingTop: d.spacing.scale[3] + se
|
|
3361
3386
|
},
|
|
3362
3387
|
children: [/* @__PURE__ */ w(V, { style: {
|
|
3363
3388
|
width: 40,
|
|
@@ -3379,7 +3404,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3379
3404
|
style: { flex: 1 },
|
|
3380
3405
|
contentContainerStyle: {
|
|
3381
3406
|
paddingHorizontal: d.spacing.scale[4],
|
|
3382
|
-
paddingBottom: o ?
|
|
3407
|
+
paddingBottom: o ? K + 60 : d.spacing.scale[4]
|
|
3383
3408
|
},
|
|
3384
3409
|
onScroll: (e) => {
|
|
3385
3410
|
U.current = e.nativeEvent.contentOffset.y;
|
|
@@ -3412,7 +3437,7 @@ function In({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3412
3437
|
}
|
|
3413
3438
|
//#endregion
|
|
3414
3439
|
//#region src/native/components/DetailSheetScaffold.tsx
|
|
3415
|
-
function
|
|
3440
|
+
function zn({ header: e, footer: t, children: n, style: r }) {
|
|
3416
3441
|
let { theme: i } = W();
|
|
3417
3442
|
return /* @__PURE__ */ T(V, {
|
|
3418
3443
|
style: [{
|
|
@@ -3421,12 +3446,12 @@ function Ln({ header: e, footer: t, children: n, style: r }) {
|
|
|
3421
3446
|
}, r],
|
|
3422
3447
|
children: [
|
|
3423
3448
|
e,
|
|
3424
|
-
/* @__PURE__ */ w(
|
|
3449
|
+
/* @__PURE__ */ w(Vn, { children: n }),
|
|
3425
3450
|
t
|
|
3426
3451
|
]
|
|
3427
3452
|
});
|
|
3428
3453
|
}
|
|
3429
|
-
function
|
|
3454
|
+
function Bn({ title: e, titleEditor: t, description: n, leading: r, trailing: i, children: a, style: o }) {
|
|
3430
3455
|
let { theme: s, scales: c } = W(), l = t ?? e;
|
|
3431
3456
|
return /* @__PURE__ */ T(V, {
|
|
3432
3457
|
style: [{
|
|
@@ -3478,7 +3503,7 @@ function Rn({ title: e, titleEditor: t, description: n, leading: r, trailing: i,
|
|
|
3478
3503
|
]
|
|
3479
3504
|
});
|
|
3480
3505
|
}
|
|
3481
|
-
function
|
|
3506
|
+
function Vn({ children: e, style: t }) {
|
|
3482
3507
|
let { scales: n } = W();
|
|
3483
3508
|
return /* @__PURE__ */ w(V, {
|
|
3484
3509
|
style: [{
|
|
@@ -3491,7 +3516,7 @@ function zn({ children: e, style: t }) {
|
|
|
3491
3516
|
}
|
|
3492
3517
|
//#endregion
|
|
3493
3518
|
//#region src/native/components/KeyboardAwareSheetFooter.tsx
|
|
3494
|
-
function
|
|
3519
|
+
function Hn({ behavior: e = "fixed", hideWhenInputFocused: t = e === "hide", surface: n = "default", children: r, style: i }) {
|
|
3495
3520
|
let { theme: a, scales: o } = W(), [s, c] = S(!1);
|
|
3496
3521
|
if (v(() => {
|
|
3497
3522
|
let e = P.addListener("keyboardDidShow", () => c(!0)), t = P.addListener("keyboardDidHide", () => c(!1));
|
|
@@ -3509,7 +3534,7 @@ function Bn({ behavior: e = "fixed", hideWhenInputFocused: t = e === "hide", sur
|
|
|
3509
3534
|
borderTopWidth: e === "scroll" ? 0 : 1,
|
|
3510
3535
|
borderTopColor: a.border["low-emphasis"]
|
|
3511
3536
|
};
|
|
3512
|
-
return n === "glass" ? /* @__PURE__ */ w(
|
|
3537
|
+
return n === "glass" ? /* @__PURE__ */ w(X, {
|
|
3513
3538
|
intensity: "thick",
|
|
3514
3539
|
borderRadius: 0,
|
|
3515
3540
|
showRim: !1,
|
|
@@ -3522,9 +3547,9 @@ function Bn({ behavior: e = "fixed", hideWhenInputFocused: t = e === "hide", sur
|
|
|
3522
3547
|
}
|
|
3523
3548
|
//#endregion
|
|
3524
3549
|
//#region src/native/components/ResponsiveDialog.tsx
|
|
3525
|
-
function
|
|
3550
|
+
function Un({ breakpoint: e = 600, ...t }) {
|
|
3526
3551
|
let { width: n } = k.get("window");
|
|
3527
|
-
return n <= e ? /* @__PURE__ */ T(
|
|
3552
|
+
return n <= e ? /* @__PURE__ */ T(jn, {
|
|
3528
3553
|
open: t.open,
|
|
3529
3554
|
onClose: t.onClose,
|
|
3530
3555
|
side: "bottom",
|
|
@@ -3534,7 +3559,7 @@ function Vn({ breakpoint: e = 600, ...t }) {
|
|
|
3534
3559
|
}
|
|
3535
3560
|
//#endregion
|
|
3536
3561
|
//#region src/native/components/Popover.tsx
|
|
3537
|
-
function
|
|
3562
|
+
function Wn({ open: e, onClose: t, anchor: n, children: r }) {
|
|
3538
3563
|
let { theme: i, scales: a } = W(), o = n ? n.y + (n.height ?? 0) + 4 : 100, s = n ? n.x : 0;
|
|
3539
3564
|
return /* @__PURE__ */ w(te, {
|
|
3540
3565
|
visible: e,
|
|
@@ -3574,9 +3599,9 @@ function Hn({ open: e, onClose: t, anchor: n, children: r }) {
|
|
|
3574
3599
|
}
|
|
3575
3600
|
//#endregion
|
|
3576
3601
|
//#region src/native/components/DropdownMenu.tsx
|
|
3577
|
-
function
|
|
3602
|
+
function Gn({ open: e, onClose: t, anchor: n, items: r }) {
|
|
3578
3603
|
let { theme: i, scales: a } = W();
|
|
3579
|
-
return /* @__PURE__ */ w(
|
|
3604
|
+
return /* @__PURE__ */ w(Wn, {
|
|
3580
3605
|
open: e,
|
|
3581
3606
|
onClose: t,
|
|
3582
3607
|
anchor: n,
|
|
@@ -3604,22 +3629,22 @@ function Un({ open: e, onClose: t, anchor: n, items: r }) {
|
|
|
3604
3629
|
}
|
|
3605
3630
|
//#endregion
|
|
3606
3631
|
//#region src/native/components/Toast.tsx
|
|
3607
|
-
var
|
|
3608
|
-
function
|
|
3609
|
-
let e = _(
|
|
3632
|
+
var Kn = h(null);
|
|
3633
|
+
function qn() {
|
|
3634
|
+
let e = _(Kn);
|
|
3610
3635
|
if (!e) throw Error("useToast は ToastProvider の内側で使ってください");
|
|
3611
3636
|
return e;
|
|
3612
3637
|
}
|
|
3613
|
-
var
|
|
3614
|
-
function
|
|
3615
|
-
return
|
|
3638
|
+
var Jn = 0;
|
|
3639
|
+
function Yn() {
|
|
3640
|
+
return Jn += 1, `toast-${Jn}`;
|
|
3616
3641
|
}
|
|
3617
|
-
var
|
|
3618
|
-
function
|
|
3619
|
-
|
|
3642
|
+
var Xn = null;
|
|
3643
|
+
function Zn(e) {
|
|
3644
|
+
Xn = e;
|
|
3620
3645
|
}
|
|
3621
|
-
function
|
|
3622
|
-
return
|
|
3646
|
+
function Qn(e, t = {}, n) {
|
|
3647
|
+
return Xn ? Xn.show({
|
|
3623
3648
|
title: e,
|
|
3624
3649
|
description: t.description,
|
|
3625
3650
|
tone: n ?? t.tone,
|
|
@@ -3627,13 +3652,13 @@ function Xn(e, t = {}, n) {
|
|
|
3627
3652
|
action: t.action
|
|
3628
3653
|
}) : (console.warn("[ksk-ds native toast()] ToastProvider がマウントされていないため通知は表示されません。アプリのルートに <ToastProvider> を配置してください。"), "");
|
|
3629
3654
|
}
|
|
3630
|
-
var
|
|
3631
|
-
|
|
3632
|
-
function
|
|
3655
|
+
var $n = ((e, t) => Qn(e, t));
|
|
3656
|
+
$n.success = (e, t) => Qn(e, t, "success"), $n.error = (e, t) => Qn(e, t, "caution"), $n.info = (e, t) => Qn(e, t, "info"), $n.warning = (e, t) => Qn(e, t, "warning"), $n.caution = (e, t) => Qn(e, t, "caution"), $n.dismiss = (e) => Xn?.dismiss(e);
|
|
3657
|
+
function er({ children: e }) {
|
|
3633
3658
|
let { scales: t } = W(), [n, r] = S([]), i = g((e) => {
|
|
3634
3659
|
r((t) => t.filter((t) => t.id !== e));
|
|
3635
3660
|
}, []), a = g((e) => {
|
|
3636
|
-
let t =
|
|
3661
|
+
let t = Yn();
|
|
3637
3662
|
r((n) => [...n, {
|
|
3638
3663
|
...e,
|
|
3639
3664
|
id: t
|
|
@@ -3641,10 +3666,10 @@ function Qn({ children: e }) {
|
|
|
3641
3666
|
let n = e.duration ?? 3e3;
|
|
3642
3667
|
return n > 0 && setTimeout(() => i(t), n), t;
|
|
3643
3668
|
}, [i]);
|
|
3644
|
-
return v(() => (
|
|
3669
|
+
return v(() => (Zn({
|
|
3645
3670
|
show: a,
|
|
3646
3671
|
dismiss: i
|
|
3647
|
-
}), () =>
|
|
3672
|
+
}), () => Zn(null)), [a, i]), /* @__PURE__ */ T(Kn.Provider, {
|
|
3648
3673
|
value: {
|
|
3649
3674
|
show: a,
|
|
3650
3675
|
dismiss: i
|
|
@@ -3660,14 +3685,14 @@ function Qn({ children: e }) {
|
|
|
3660
3685
|
gap: t.spacing.scale[2],
|
|
3661
3686
|
zIndex: 9999
|
|
3662
3687
|
},
|
|
3663
|
-
children: n.map((e) => /* @__PURE__ */ w(
|
|
3688
|
+
children: n.map((e) => /* @__PURE__ */ w(tr, {
|
|
3664
3689
|
toast: e,
|
|
3665
3690
|
onDismiss: () => i(e.id)
|
|
3666
3691
|
}, e.id))
|
|
3667
3692
|
})]
|
|
3668
3693
|
});
|
|
3669
3694
|
}
|
|
3670
|
-
function
|
|
3695
|
+
function tr({ toast: e, onDismiss: t }) {
|
|
3671
3696
|
let { theme: n, scales: r } = W(), [i] = S(() => new O.Value(0)), [a] = S(() => new O.Value(-20));
|
|
3672
3697
|
v(() => {
|
|
3673
3698
|
O.parallel([O.timing(i, {
|
|
@@ -3765,12 +3790,12 @@ function $n({ toast: e, onDismiss: t }) {
|
|
|
3765
3790
|
}
|
|
3766
3791
|
//#endregion
|
|
3767
3792
|
//#region src/native/components/ErrorBoundary.tsx
|
|
3768
|
-
var
|
|
3793
|
+
var nr = {
|
|
3769
3794
|
emoji: "😢",
|
|
3770
3795
|
title: "問題が発生しました",
|
|
3771
3796
|
description: "データは保持されています。下のボタンで復旧してください。",
|
|
3772
3797
|
retryLabel: "再試行"
|
|
3773
|
-
},
|
|
3798
|
+
}, rr = class extends m.Component {
|
|
3774
3799
|
constructor(e) {
|
|
3775
3800
|
super(e), this.state = {
|
|
3776
3801
|
hasError: !1,
|
|
@@ -3796,16 +3821,16 @@ var er = {
|
|
|
3796
3821
|
render() {
|
|
3797
3822
|
if (!this.state.hasError) return this.props.children;
|
|
3798
3823
|
let { fallback: e, labels: t } = this.props, n = {
|
|
3799
|
-
...
|
|
3824
|
+
...nr,
|
|
3800
3825
|
...t
|
|
3801
3826
|
};
|
|
3802
|
-
return e ? typeof e == "function" ? e(this.state.error, this.handleRetry) : e : /* @__PURE__ */ w(
|
|
3827
|
+
return e ? typeof e == "function" ? e(this.state.error, this.handleRetry) : e : /* @__PURE__ */ w(ir, {
|
|
3803
3828
|
merged: n,
|
|
3804
3829
|
handleRetry: this.handleRetry
|
|
3805
3830
|
});
|
|
3806
3831
|
}
|
|
3807
3832
|
};
|
|
3808
|
-
function
|
|
3833
|
+
function ir({ merged: e, handleRetry: t }) {
|
|
3809
3834
|
let { theme: n, scales: r } = W();
|
|
3810
3835
|
return /* @__PURE__ */ T(V, {
|
|
3811
3836
|
accessibilityRole: "alert",
|
|
@@ -3818,7 +3843,7 @@ function nr({ merged: e, handleRetry: t }) {
|
|
|
3818
3843
|
backgroundColor: n.surface.primary
|
|
3819
3844
|
},
|
|
3820
3845
|
children: [
|
|
3821
|
-
/* @__PURE__ */ w(
|
|
3846
|
+
/* @__PURE__ */ w(Y, {
|
|
3822
3847
|
style: {
|
|
3823
3848
|
fontSize: 48,
|
|
3824
3849
|
textAlign: "center"
|
|
@@ -3827,12 +3852,12 @@ function nr({ merged: e, handleRetry: t }) {
|
|
|
3827
3852
|
importantForAccessibility: "no",
|
|
3828
3853
|
children: e.emoji
|
|
3829
3854
|
}),
|
|
3830
|
-
/* @__PURE__ */ w(
|
|
3855
|
+
/* @__PURE__ */ w(Y, {
|
|
3831
3856
|
variant: "heading.lg",
|
|
3832
3857
|
style: { textAlign: "center" },
|
|
3833
3858
|
children: e.title
|
|
3834
3859
|
}),
|
|
3835
|
-
/* @__PURE__ */ w(
|
|
3860
|
+
/* @__PURE__ */ w(Y, {
|
|
3836
3861
|
variant: "body.sm",
|
|
3837
3862
|
color: n.text["medium-emphasis"],
|
|
3838
3863
|
style: {
|
|
@@ -3841,7 +3866,7 @@ function nr({ merged: e, handleRetry: t }) {
|
|
|
3841
3866
|
},
|
|
3842
3867
|
children: e.description
|
|
3843
3868
|
}),
|
|
3844
|
-
/* @__PURE__ */ w(
|
|
3869
|
+
/* @__PURE__ */ w(Z, {
|
|
3845
3870
|
variant: "secondary",
|
|
3846
3871
|
onPress: t,
|
|
3847
3872
|
children: e.retryLabel
|
|
@@ -3851,9 +3876,9 @@ function nr({ merged: e, handleRetry: t }) {
|
|
|
3851
3876
|
}
|
|
3852
3877
|
//#endregion
|
|
3853
3878
|
//#region src/native/components/MenuDrawer.tsx
|
|
3854
|
-
function
|
|
3879
|
+
function ar({ open: e, onClose: t, side: n = "left", header: r, sections: i, footer: a }) {
|
|
3855
3880
|
let { theme: o, scales: s } = W();
|
|
3856
|
-
return /* @__PURE__ */ T(
|
|
3881
|
+
return /* @__PURE__ */ T(jn, {
|
|
3857
3882
|
open: e,
|
|
3858
3883
|
onClose: t,
|
|
3859
3884
|
side: n,
|
|
@@ -3902,14 +3927,14 @@ function rr({ open: e, onClose: t, side: n = "left", header: r, sections: i, foo
|
|
|
3902
3927
|
}
|
|
3903
3928
|
//#endregion
|
|
3904
3929
|
//#region src/native/components/ConfirmDialog.tsx
|
|
3905
|
-
function
|
|
3930
|
+
function or(e) {
|
|
3906
3931
|
return /* @__PURE__ */ w(wn, { ...e });
|
|
3907
3932
|
}
|
|
3908
3933
|
//#endregion
|
|
3909
3934
|
//#region src/native/components/BottomSheetForm.tsx
|
|
3910
|
-
function
|
|
3935
|
+
function sr({ open: e, onClose: t, title: n, description: r, footer: i, children: a }) {
|
|
3911
3936
|
let { theme: o, scales: s } = W();
|
|
3912
|
-
return /* @__PURE__ */ T(
|
|
3937
|
+
return /* @__PURE__ */ T(jn, {
|
|
3913
3938
|
open: e,
|
|
3914
3939
|
onClose: t,
|
|
3915
3940
|
side: "bottom",
|
|
@@ -3943,8 +3968,8 @@ function ar({ open: e, onClose: t, title: n, description: r, footer: i, children
|
|
|
3943
3968
|
}
|
|
3944
3969
|
//#endregion
|
|
3945
3970
|
//#region src/native/components/BottomSheetFrame.tsx
|
|
3946
|
-
function
|
|
3947
|
-
let { theme: f, scales: p } = W(), m =
|
|
3971
|
+
function cr({ preset: e = "mobile-full", surface: t = "default", height: n = "preset", maxHeight: r, safeArea: i = !1, handle: a = !1, header: o, footer: s, scrollable: c = !0, children: l, style: u, bodyStyle: d }) {
|
|
3972
|
+
let { theme: f, scales: p } = W(), m = G(), h = n === "fitContent", g = r ?? (h ? void 0 : e === "mobile-form" ? 520 : e === "desktop-floating" ? 620 : 720), _ = e === "mobile-full" ? p.borderRadius["2xl"] : p.borderRadius.xl, v = K(m, "bottom", i), y = w(c ? R : V, {
|
|
3948
3973
|
style: [h ? {
|
|
3949
3974
|
flexGrow: 0,
|
|
3950
3975
|
flexShrink: 1
|
|
@@ -3975,7 +4000,7 @@ function or({ preset: e = "mobile-full", surface: t = "default", height: n = "pr
|
|
|
3975
4000
|
borderRadius: _,
|
|
3976
4001
|
backgroundColor: t === "glass" ? "transparent" : f.surface.primary
|
|
3977
4002
|
};
|
|
3978
|
-
return t === "glass" ? /* @__PURE__ */ w(
|
|
4003
|
+
return t === "glass" ? /* @__PURE__ */ w(X, {
|
|
3979
4004
|
intensity: "thick",
|
|
3980
4005
|
borderRadius: _,
|
|
3981
4006
|
style: [x, u],
|
|
@@ -3987,9 +4012,9 @@ function or({ preset: e = "mobile-full", surface: t = "default", height: n = "pr
|
|
|
3987
4012
|
}
|
|
3988
4013
|
//#endregion
|
|
3989
4014
|
//#region src/native/components/ReviewOverlay.tsx
|
|
3990
|
-
function
|
|
4015
|
+
function lr({ open: e, onClose: t, title: n = "レビューを投稿", onSubmit: r }) {
|
|
3991
4016
|
let { scales: i } = W(), [a, o] = S(0), [s, c] = S("");
|
|
3992
|
-
return /* @__PURE__ */ T(
|
|
4017
|
+
return /* @__PURE__ */ T(jn, {
|
|
3993
4018
|
open: e,
|
|
3994
4019
|
onClose: t,
|
|
3995
4020
|
side: "bottom",
|
|
@@ -4020,14 +4045,14 @@ function sr({ open: e, onClose: t, title: n = "レビューを投稿", onSubmit:
|
|
|
4020
4045
|
},
|
|
4021
4046
|
children: [/* @__PURE__ */ w(V, {
|
|
4022
4047
|
style: { flex: 1 },
|
|
4023
|
-
children: /* @__PURE__ */ w(
|
|
4048
|
+
children: /* @__PURE__ */ w(Z, {
|
|
4024
4049
|
variant: "tertiary",
|
|
4025
4050
|
onPress: t,
|
|
4026
4051
|
children: "キャンセル"
|
|
4027
4052
|
})
|
|
4028
4053
|
}), /* @__PURE__ */ w(V, {
|
|
4029
4054
|
style: { flex: 1 },
|
|
4030
|
-
children: /* @__PURE__ */ w(
|
|
4055
|
+
children: /* @__PURE__ */ w(Z, {
|
|
4031
4056
|
variant: "primary",
|
|
4032
4057
|
disabled: a === 0,
|
|
4033
4058
|
onPress: () => {
|
|
@@ -4042,7 +4067,7 @@ function sr({ open: e, onClose: t, title: n = "レビューを投稿", onSubmit:
|
|
|
4042
4067
|
}
|
|
4043
4068
|
//#endregion
|
|
4044
4069
|
//#region src/native/components/CoachMark.tsx
|
|
4045
|
-
function
|
|
4070
|
+
function ur({ title: e, description: t, step: n, total: r, onNext: i, onSkip: a, nextLabel: o = "次へ", skipLabel: s = "スキップ" }) {
|
|
4046
4071
|
let { theme: c, scales: l } = W();
|
|
4047
4072
|
return /* @__PURE__ */ T(V, {
|
|
4048
4073
|
style: {
|
|
@@ -4136,7 +4161,7 @@ function cr({ title: e, description: t, step: n, total: r, onNext: i, onSkip: a,
|
|
|
4136
4161
|
}
|
|
4137
4162
|
//#endregion
|
|
4138
4163
|
//#region src/native/components/CoachMarkOverlay.tsx
|
|
4139
|
-
function
|
|
4164
|
+
function dr({ open: e, onClose: t, highlight: n, children: r }) {
|
|
4140
4165
|
let { theme: i } = W(), a = i.overlay.dark;
|
|
4141
4166
|
return /* @__PURE__ */ w(te, {
|
|
4142
4167
|
visible: e,
|
|
@@ -4210,7 +4235,7 @@ function lr({ open: e, onClose: t, highlight: n, children: r }) {
|
|
|
4210
4235
|
}
|
|
4211
4236
|
//#endregion
|
|
4212
4237
|
//#region src/native/components/Select.tsx
|
|
4213
|
-
function
|
|
4238
|
+
function fr({ options: e, value: t, onChange: n, placeholder: r = "選択", disabled: i = !1, title: a = "選択" }) {
|
|
4214
4239
|
let { theme: o, scales: s } = W(), [c, l] = S(!1), u = e.find((e) => e.value === t);
|
|
4215
4240
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(L, {
|
|
4216
4241
|
onPress: () => !i && l(!0),
|
|
@@ -4234,7 +4259,7 @@ function ur({ options: e, value: t, onChange: n, placeholder: r = "選択", disa
|
|
|
4234
4259
|
style: [q("label.sm"), { color: o.text["low-emphasis"] }],
|
|
4235
4260
|
children: "▾"
|
|
4236
4261
|
})]
|
|
4237
|
-
}), /* @__PURE__ */ w(
|
|
4262
|
+
}), /* @__PURE__ */ w(jn, {
|
|
4238
4263
|
open: c,
|
|
4239
4264
|
onClose: () => l(!1),
|
|
4240
4265
|
side: "bottom",
|
|
@@ -4265,7 +4290,7 @@ function ur({ options: e, value: t, onChange: n, placeholder: r = "選択", disa
|
|
|
4265
4290
|
}
|
|
4266
4291
|
//#endregion
|
|
4267
4292
|
//#region src/native/components/Combobox.tsx
|
|
4268
|
-
function
|
|
4293
|
+
function pr({ options: e, value: t, onChange: n, placeholder: r = "選択してください", searchPlaceholder: i = "検索...", emptyMessage: a = "該当なし", disabled: o = !1 }) {
|
|
4269
4294
|
let { theme: s, scales: c } = W(), [l, u] = S(!1), [d, f] = S(""), p = e.find((e) => e.value === t), m = b(() => {
|
|
4270
4295
|
if (!d) return e;
|
|
4271
4296
|
let t = d.toLowerCase();
|
|
@@ -4293,7 +4318,7 @@ function dr({ options: e, value: t, onChange: n, placeholder: r = "選択して
|
|
|
4293
4318
|
style: [q("label.sm"), { color: s.text["low-emphasis"] }],
|
|
4294
4319
|
children: "▾"
|
|
4295
4320
|
})]
|
|
4296
|
-
}), /* @__PURE__ */ T(
|
|
4321
|
+
}), /* @__PURE__ */ T(jn, {
|
|
4297
4322
|
open: l,
|
|
4298
4323
|
onClose: () => u(!1),
|
|
4299
4324
|
side: "bottom",
|
|
@@ -4343,7 +4368,7 @@ function dr({ options: e, value: t, onChange: n, placeholder: r = "選択して
|
|
|
4343
4368
|
}
|
|
4344
4369
|
//#endregion
|
|
4345
4370
|
//#region src/native/components/MultiSelect.tsx
|
|
4346
|
-
function
|
|
4371
|
+
function mr({ options: e, values: t = [], onChange: n, placeholder: r = "選択してください", searchPlaceholder: i = "検索...", disabled: a = !1, accessibilityLabel: o }) {
|
|
4347
4372
|
let { theme: s, scales: c } = W(), [l, u] = S(!1), [d, f] = S(""), [p, m] = S(t), h = b(() => {
|
|
4348
4373
|
if (!d) return e;
|
|
4349
4374
|
let t = d.toLowerCase();
|
|
@@ -4375,7 +4400,7 @@ function fr({ options: e, values: t = [], onChange: n, placeholder: r = "選択
|
|
|
4375
4400
|
style: [q("label.sm"), { color: s.text["low-emphasis"] }],
|
|
4376
4401
|
children: "▾"
|
|
4377
4402
|
})]
|
|
4378
|
-
}), /* @__PURE__ */ T(
|
|
4403
|
+
}), /* @__PURE__ */ T(jn, {
|
|
4379
4404
|
open: l,
|
|
4380
4405
|
onClose: () => u(!1),
|
|
4381
4406
|
side: "bottom",
|
|
@@ -4425,14 +4450,14 @@ function fr({ options: e, values: t = [], onChange: n, placeholder: r = "選択
|
|
|
4425
4450
|
},
|
|
4426
4451
|
children: [/* @__PURE__ */ w(V, {
|
|
4427
4452
|
style: { flex: 1 },
|
|
4428
|
-
children: /* @__PURE__ */ w(
|
|
4453
|
+
children: /* @__PURE__ */ w(Z, {
|
|
4429
4454
|
variant: "tertiary",
|
|
4430
4455
|
onPress: () => u(!1),
|
|
4431
4456
|
children: "キャンセル"
|
|
4432
4457
|
})
|
|
4433
4458
|
}), /* @__PURE__ */ w(V, {
|
|
4434
4459
|
style: { flex: 1 },
|
|
4435
|
-
children: /* @__PURE__ */ w(
|
|
4460
|
+
children: /* @__PURE__ */ w(Z, {
|
|
4436
4461
|
variant: "primary",
|
|
4437
4462
|
onPress: () => {
|
|
4438
4463
|
n?.(p), u(!1);
|
|
@@ -4446,7 +4471,7 @@ function fr({ options: e, values: t = [], onChange: n, placeholder: r = "選択
|
|
|
4446
4471
|
}
|
|
4447
4472
|
//#endregion
|
|
4448
4473
|
//#region src/native/components/DropdownFilter.tsx
|
|
4449
|
-
function
|
|
4474
|
+
function hr({ label: e, options: t, value: n, onChange: r }) {
|
|
4450
4475
|
let { theme: i, scales: a } = W(), [o, s] = S(!1), c = t.find((e) => e.value === n), l = !!c;
|
|
4451
4476
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(L, {
|
|
4452
4477
|
onPress: () => s(!0),
|
|
@@ -4468,7 +4493,7 @@ function pr({ label: e, options: t, value: n, onChange: r }) {
|
|
|
4468
4493
|
style: [q("label.xs"), { color: l ? i.text["accent-primary"] : i.text["low-emphasis"] }],
|
|
4469
4494
|
children: "▾"
|
|
4470
4495
|
})]
|
|
4471
|
-
}), /* @__PURE__ */ w(
|
|
4496
|
+
}), /* @__PURE__ */ w(jn, {
|
|
4472
4497
|
open: o,
|
|
4473
4498
|
onClose: () => s(!1),
|
|
4474
4499
|
side: "bottom",
|
|
@@ -4521,7 +4546,7 @@ function pr({ label: e, options: t, value: n, onChange: r }) {
|
|
|
4521
4546
|
}
|
|
4522
4547
|
//#endregion
|
|
4523
4548
|
//#region src/native/components/PillToggle.tsx
|
|
4524
|
-
function
|
|
4549
|
+
function gr({ options: e, value: t, onChange: n, disabled: r = !1, fullWidth: i = !1 }) {
|
|
4525
4550
|
let { theme: a, scales: o } = W();
|
|
4526
4551
|
return /* @__PURE__ */ w(V, {
|
|
4527
4552
|
style: {
|
|
@@ -4576,14 +4601,14 @@ function mr({ options: e, value: t, onChange: n, disabled: r = !1, fullWidth: i
|
|
|
4576
4601
|
}
|
|
4577
4602
|
//#endregion
|
|
4578
4603
|
//#region src/native/components/Tabs.tsx
|
|
4579
|
-
var
|
|
4580
|
-
function
|
|
4581
|
-
let e = _(
|
|
4604
|
+
var _r = h(null);
|
|
4605
|
+
function vr() {
|
|
4606
|
+
let e = _(_r);
|
|
4582
4607
|
if (!e) throw Error("Tabs の内側で使ってください");
|
|
4583
4608
|
return e;
|
|
4584
4609
|
}
|
|
4585
|
-
function
|
|
4586
|
-
return /* @__PURE__ */ w(
|
|
4610
|
+
function yr({ value: e, onChange: t, children: n }) {
|
|
4611
|
+
return /* @__PURE__ */ w(_r.Provider, {
|
|
4587
4612
|
value: {
|
|
4588
4613
|
value: e,
|
|
4589
4614
|
onChange: t
|
|
@@ -4591,7 +4616,7 @@ function _r({ value: e, onChange: t, children: n }) {
|
|
|
4591
4616
|
children: n
|
|
4592
4617
|
});
|
|
4593
4618
|
}
|
|
4594
|
-
function
|
|
4619
|
+
function br({ scrollable: e = !1, children: t }) {
|
|
4595
4620
|
let { theme: n, scales: r } = W(), i = /* @__PURE__ */ w(V, {
|
|
4596
4621
|
style: {
|
|
4597
4622
|
flexDirection: "row",
|
|
@@ -4607,8 +4632,8 @@ function vr({ scrollable: e = !1, children: t }) {
|
|
|
4607
4632
|
children: i
|
|
4608
4633
|
}) : i;
|
|
4609
4634
|
}
|
|
4610
|
-
function
|
|
4611
|
-
let { theme: r, scales: i } = W(), a =
|
|
4635
|
+
function xr({ value: e, children: t, disabled: n }) {
|
|
4636
|
+
let { theme: r, scales: i } = W(), a = vr(), o = a.value === e;
|
|
4612
4637
|
return /* @__PURE__ */ w(L, {
|
|
4613
4638
|
onPress: () => !n && a.onChange(e),
|
|
4614
4639
|
disabled: n,
|
|
@@ -4628,12 +4653,12 @@ function yr({ value: e, children: t, disabled: n }) {
|
|
|
4628
4653
|
})
|
|
4629
4654
|
});
|
|
4630
4655
|
}
|
|
4631
|
-
function
|
|
4632
|
-
return
|
|
4656
|
+
function Sr({ value: e, children: t }) {
|
|
4657
|
+
return vr().value === e ? /* @__PURE__ */ w(V, { children: t }) : null;
|
|
4633
4658
|
}
|
|
4634
4659
|
//#endregion
|
|
4635
4660
|
//#region src/native/icon-button-metrics.ts
|
|
4636
|
-
var
|
|
4661
|
+
var Cr = {
|
|
4637
4662
|
sm: {
|
|
4638
4663
|
box: 36,
|
|
4639
4664
|
icon: 18
|
|
@@ -4647,8 +4672,8 @@ var xr = {
|
|
|
4647
4672
|
icon: 24
|
|
4648
4673
|
}
|
|
4649
4674
|
};
|
|
4650
|
-
function
|
|
4651
|
-
let { box: n, icon: r } =
|
|
4675
|
+
function wr(e, t) {
|
|
4676
|
+
let { box: n, icon: r } = Cr[e];
|
|
4652
4677
|
return {
|
|
4653
4678
|
box: n,
|
|
4654
4679
|
icon: r,
|
|
@@ -4657,8 +4682,8 @@ function Sr(e, t) {
|
|
|
4657
4682
|
}
|
|
4658
4683
|
//#endregion
|
|
4659
4684
|
//#region src/native/components/IconButton.tsx
|
|
4660
|
-
function
|
|
4661
|
-
let { theme: m, scales: h } = W(), g = l || o, { box: _, icon: v, hitSlop: y } =
|
|
4685
|
+
function Tr({ accessibilityLabel: e, icon: t, variant: n = "ghost", tone: r = "neutral", size: i = "md", shape: a = "circle", loading: o = !1, containerStyle: s, pressedContainerStyle: c, disabled: l, accessibilityRole: u, accessibilityState: d, hitSlop: f, ...p }) {
|
|
4686
|
+
let { theme: m, scales: h } = W(), g = l || o, { box: _, icon: v, hitSlop: y } = wr(i, h.touchTargets.iconButton.min), b = r === "accent" ? m.text["accent-primary"] : r === "caution" ? m.text.caution : m.text["medium-emphasis"], x = n === "primary" ? {
|
|
4662
4687
|
backgroundColor: m.brand.primary,
|
|
4663
4688
|
pressedBackgroundColor: m.active["primary-button"],
|
|
4664
4689
|
borderColor: m.brand.primary,
|
|
@@ -4720,7 +4745,7 @@ function Cr({ accessibilityLabel: e, icon: t, variant: n = "ghost", tone: r = "n
|
|
|
4720
4745
|
}
|
|
4721
4746
|
//#endregion
|
|
4722
4747
|
//#region src/native/calendar-cells.ts
|
|
4723
|
-
var
|
|
4748
|
+
var Er = [
|
|
4724
4749
|
"日",
|
|
4725
4750
|
"月",
|
|
4726
4751
|
"火",
|
|
@@ -4728,7 +4753,7 @@ var wr = [
|
|
|
4728
4753
|
"木",
|
|
4729
4754
|
"金",
|
|
4730
4755
|
"土"
|
|
4731
|
-
],
|
|
4756
|
+
], Dr = [
|
|
4732
4757
|
"S",
|
|
4733
4758
|
"M",
|
|
4734
4759
|
"T",
|
|
@@ -4736,7 +4761,7 @@ var wr = [
|
|
|
4736
4761
|
"T",
|
|
4737
4762
|
"F",
|
|
4738
4763
|
"S"
|
|
4739
|
-
],
|
|
4764
|
+
], Or = [
|
|
4740
4765
|
"日曜日",
|
|
4741
4766
|
"月曜日",
|
|
4742
4767
|
"火曜日",
|
|
@@ -4744,7 +4769,7 @@ var wr = [
|
|
|
4744
4769
|
"木曜日",
|
|
4745
4770
|
"金曜日",
|
|
4746
4771
|
"土曜日"
|
|
4747
|
-
],
|
|
4772
|
+
], kr = [
|
|
4748
4773
|
"1月",
|
|
4749
4774
|
"2月",
|
|
4750
4775
|
"3月",
|
|
@@ -4758,58 +4783,58 @@ var wr = [
|
|
|
4758
4783
|
"11月",
|
|
4759
4784
|
"12月"
|
|
4760
4785
|
];
|
|
4761
|
-
function
|
|
4786
|
+
function Ar(e) {
|
|
4762
4787
|
return new Date(e.getFullYear(), e.getMonth(), e.getDate());
|
|
4763
4788
|
}
|
|
4764
|
-
function
|
|
4789
|
+
function jr(e) {
|
|
4765
4790
|
return new Date(e.getFullYear(), e.getMonth(), 1);
|
|
4766
4791
|
}
|
|
4767
|
-
function
|
|
4792
|
+
function Mr(e) {
|
|
4768
4793
|
return new Date(e.getFullYear(), e.getMonth() + 1, 0);
|
|
4769
4794
|
}
|
|
4770
|
-
function
|
|
4795
|
+
function Nr(e, t) {
|
|
4771
4796
|
return new Date(e.getFullYear(), e.getMonth() + t, 1);
|
|
4772
4797
|
}
|
|
4773
|
-
function
|
|
4774
|
-
return
|
|
4798
|
+
function Pr(e) {
|
|
4799
|
+
return Mr(e).getDate();
|
|
4775
4800
|
}
|
|
4776
|
-
function
|
|
4801
|
+
function Fr(e, t) {
|
|
4777
4802
|
return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
|
|
4778
4803
|
}
|
|
4779
|
-
function
|
|
4780
|
-
let t =
|
|
4804
|
+
function Ir(e) {
|
|
4805
|
+
let t = jr(e).getDay(), n = Pr(e), r = [];
|
|
4781
4806
|
for (let e = 0; e < t; e += 1) r.push(null);
|
|
4782
4807
|
for (let t = 1; t <= n; t += 1) r.push(new Date(e.getFullYear(), e.getMonth(), t));
|
|
4783
4808
|
for (; r.length % 7 != 0;) r.push(null);
|
|
4784
4809
|
return r;
|
|
4785
4810
|
}
|
|
4786
|
-
function
|
|
4811
|
+
function Lr(e) {
|
|
4787
4812
|
return e === 0 ? "sunday" : e === 6 ? "saturday" : "weekday";
|
|
4788
4813
|
}
|
|
4789
|
-
function
|
|
4790
|
-
let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o =
|
|
4791
|
-
return !!(n && o <
|
|
4814
|
+
function Rr(e, t = {}) {
|
|
4815
|
+
let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o = Ar(e);
|
|
4816
|
+
return !!(n && o < Ar(n) || r && o > Ar(r) || i && o < Ar(a));
|
|
4792
4817
|
}
|
|
4793
|
-
function
|
|
4794
|
-
let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s =
|
|
4795
|
-
r && c.push(
|
|
4818
|
+
function zr(e, t, n = {}) {
|
|
4819
|
+
let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s = Nr(e, t), c = [];
|
|
4820
|
+
r && c.push(Ar(r)), a && c.push(Ar(o));
|
|
4796
4821
|
let l = c.length ? new Date(Math.max(...c.map((e) => e.getTime()))) : void 0;
|
|
4797
|
-
return !(l &&
|
|
4822
|
+
return !(l && Ar(Mr(s)) < l || i && jr(s) > Ar(i));
|
|
4798
4823
|
}
|
|
4799
|
-
function
|
|
4824
|
+
function Br(e, t = "ja") {
|
|
4800
4825
|
let { date: n, weekday: r, today: i, selected: a } = e;
|
|
4801
4826
|
if (t !== "ja") return [
|
|
4802
4827
|
`${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}`,
|
|
4803
4828
|
i ? "today" : null,
|
|
4804
4829
|
a ? "selected" : null
|
|
4805
4830
|
].filter(Boolean).join(", ");
|
|
4806
|
-
let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${
|
|
4831
|
+
let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${Or[r]}`, s = [i ? "今日" : null, a ? "選択中" : null].filter(Boolean).join(" ");
|
|
4807
4832
|
return s ? `${o} ${s}` : o;
|
|
4808
4833
|
}
|
|
4809
|
-
function
|
|
4810
|
-
return t === "ja" ? `${e.getFullYear()}年 ${
|
|
4834
|
+
function Vr(e, t = "ja") {
|
|
4835
|
+
return t === "ja" ? `${e.getFullYear()}年 ${kr[e.getMonth()]}` : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
|
|
4811
4836
|
}
|
|
4812
|
-
function
|
|
4837
|
+
function Hr(e, t, n = {}, r = !1) {
|
|
4813
4838
|
let i = n.today ?? t.today;
|
|
4814
4839
|
return e.selected ? {
|
|
4815
4840
|
background: n.selected ?? t.selected,
|
|
@@ -4817,24 +4842,24 @@ function Br(e, t, n = {}, r = !1) {
|
|
|
4817
4842
|
accent: i
|
|
4818
4843
|
} : {
|
|
4819
4844
|
background: "transparent",
|
|
4820
|
-
text:
|
|
4845
|
+
text: Ur(e.tone, t, n, r),
|
|
4821
4846
|
accent: i
|
|
4822
4847
|
};
|
|
4823
4848
|
}
|
|
4824
|
-
function
|
|
4849
|
+
function Ur(e, t, n = {}, r = !1, i) {
|
|
4825
4850
|
let a = i ?? "";
|
|
4826
4851
|
return r ? e === "sunday" ? n.sunday ?? t.sunday : e === "saturday" ? n.saturday ?? t.saturday : a : a;
|
|
4827
4852
|
}
|
|
4828
4853
|
//#endregion
|
|
4829
4854
|
//#region src/native/components/Calendar.tsx
|
|
4830
|
-
function
|
|
4831
|
-
let { theme: v, scales: y } = W(), x = c ?? /* @__PURE__ */ new Date(), [E, D] = S(() =>
|
|
4855
|
+
function Wr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", weekendTone: a = !1, todayEmphasis: o = "ring", disablePast: s = !1, today: c, defaultMonth: l, onMonthChange: u, colors: d, dayStyle: f, renderDay: p, dayAccessibilityLabel: m, previousMonthLabel: h, nextMonthLabel: g, style: _ }) {
|
|
4856
|
+
let { theme: v, scales: y } = W(), x = c ?? /* @__PURE__ */ new Date(), [E, D] = S(() => jr(l ?? e ?? x)), O = i === "ja" ? Er : Dr, k = {
|
|
4832
4857
|
minDate: n,
|
|
4833
4858
|
maxDate: r,
|
|
4834
4859
|
disablePast: s,
|
|
4835
4860
|
today: x
|
|
4836
|
-
}, A = b(() =>
|
|
4837
|
-
let t =
|
|
4861
|
+
}, A = b(() => Ir(E), [E]), j = Vr(E, i), M = zr(E, -1, k), N = zr(E, 1, k), P = (e) => {
|
|
4862
|
+
let t = Nr(E, e);
|
|
4838
4863
|
D(t), u?.(t);
|
|
4839
4864
|
}, ee = {
|
|
4840
4865
|
selected: v.brand.primary,
|
|
@@ -4843,7 +4868,7 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4843
4868
|
sunday: v.text.caution,
|
|
4844
4869
|
saturday: v.text["accent-primary"],
|
|
4845
4870
|
weekdayText: v.text["high-emphasis"]
|
|
4846
|
-
}, F = (e, t) =>
|
|
4871
|
+
}, F = (e, t) => Ur(e, ee, d, a, t);
|
|
4847
4872
|
return /* @__PURE__ */ T(V, {
|
|
4848
4873
|
style: [{
|
|
4849
4874
|
backgroundColor: v.surface.primary,
|
|
@@ -4861,7 +4886,7 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4861
4886
|
alignItems: "center"
|
|
4862
4887
|
},
|
|
4863
4888
|
children: [
|
|
4864
|
-
/* @__PURE__ */ w(
|
|
4889
|
+
/* @__PURE__ */ w(Tr, {
|
|
4865
4890
|
accessibilityLabel: h ?? (i === "ja" ? "前の月" : "Previous month"),
|
|
4866
4891
|
onPress: () => P(-1),
|
|
4867
4892
|
disabled: !M,
|
|
@@ -4876,7 +4901,7 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4876
4901
|
style: [q("label.md"), { color: v.text["high-emphasis"] }],
|
|
4877
4902
|
children: j
|
|
4878
4903
|
}),
|
|
4879
|
-
/* @__PURE__ */ w(
|
|
4904
|
+
/* @__PURE__ */ w(Tr, {
|
|
4880
4905
|
accessibilityLabel: g ?? (i === "ja" ? "次の月" : "Next month"),
|
|
4881
4906
|
onPress: () => P(1),
|
|
4882
4907
|
disabled: !N,
|
|
@@ -4897,7 +4922,7 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4897
4922
|
alignItems: "center"
|
|
4898
4923
|
},
|
|
4899
4924
|
children: /* @__PURE__ */ w(z, {
|
|
4900
|
-
style: [q("label.xs"), { color: F(
|
|
4925
|
+
style: [q("label.xs"), { color: F(Lr(t), v.text["low-emphasis"]) }],
|
|
4901
4926
|
children: e
|
|
4902
4927
|
})
|
|
4903
4928
|
}, t))
|
|
@@ -4915,11 +4940,11 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4915
4940
|
let s = n.getDay(), c = {
|
|
4916
4941
|
date: n,
|
|
4917
4942
|
weekday: s,
|
|
4918
|
-
selected: !!(e &&
|
|
4919
|
-
today:
|
|
4920
|
-
disabled:
|
|
4921
|
-
tone:
|
|
4922
|
-
}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h =
|
|
4943
|
+
selected: !!(e && Fr(n, e)),
|
|
4944
|
+
today: Fr(n, x),
|
|
4945
|
+
disabled: Rr(n, k),
|
|
4946
|
+
tone: Lr(s)
|
|
4947
|
+
}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h = Hr(c, ee, d, a);
|
|
4923
4948
|
return /* @__PURE__ */ w(V, {
|
|
4924
4949
|
style: {
|
|
4925
4950
|
width: `${100 / 7}%`,
|
|
@@ -4930,7 +4955,7 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4930
4955
|
onPress: () => !c.disabled && t?.(n),
|
|
4931
4956
|
disabled: c.disabled,
|
|
4932
4957
|
accessibilityRole: "button",
|
|
4933
|
-
accessibilityLabel: m?.(c) ??
|
|
4958
|
+
accessibilityLabel: m?.(c) ?? Br(c, i),
|
|
4934
4959
|
accessibilityState: {
|
|
4935
4960
|
disabled: c.disabled,
|
|
4936
4961
|
selected: c.selected
|
|
@@ -4967,10 +4992,10 @@ function Hr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4967
4992
|
}
|
|
4968
4993
|
//#endregion
|
|
4969
4994
|
//#region src/native/components/DatePicker.tsx
|
|
4970
|
-
function
|
|
4995
|
+
function Gr(e) {
|
|
4971
4996
|
return `${e.getFullYear()}/${String(e.getMonth() + 1).padStart(2, "0")}/${String(e.getDate()).padStart(2, "0")}`;
|
|
4972
4997
|
}
|
|
4973
|
-
function
|
|
4998
|
+
function Kr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate: r, maxDate: i, disabled: a = !1, formatter: o = Gr, accessibilityLabel: s }) {
|
|
4974
4999
|
let { theme: c, scales: l } = W(), [u, d] = S(!1), [f, p] = S(e);
|
|
4975
5000
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(L, {
|
|
4976
5001
|
onPress: () => {
|
|
@@ -4998,12 +5023,12 @@ function Wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
|
|
|
4998
5023
|
style: [q("label.sm"), { color: c.text["low-emphasis"] }],
|
|
4999
5024
|
children: "📅"
|
|
5000
5025
|
})]
|
|
5001
|
-
}), /* @__PURE__ */ T(
|
|
5026
|
+
}), /* @__PURE__ */ T(jn, {
|
|
5002
5027
|
open: u,
|
|
5003
5028
|
onClose: () => d(!1),
|
|
5004
5029
|
side: "bottom",
|
|
5005
5030
|
title: "日付を選択",
|
|
5006
|
-
children: [/* @__PURE__ */ w(
|
|
5031
|
+
children: [/* @__PURE__ */ w(Wr, {
|
|
5007
5032
|
value: f,
|
|
5008
5033
|
onChange: p,
|
|
5009
5034
|
minDate: r,
|
|
@@ -5016,14 +5041,14 @@ function Wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
|
|
|
5016
5041
|
},
|
|
5017
5042
|
children: [/* @__PURE__ */ w(V, {
|
|
5018
5043
|
style: { flex: 1 },
|
|
5019
|
-
children: /* @__PURE__ */ w(
|
|
5044
|
+
children: /* @__PURE__ */ w(Z, {
|
|
5020
5045
|
variant: "tertiary",
|
|
5021
5046
|
onPress: () => d(!1),
|
|
5022
5047
|
children: "キャンセル"
|
|
5023
5048
|
})
|
|
5024
5049
|
}), /* @__PURE__ */ w(V, {
|
|
5025
5050
|
style: { flex: 1 },
|
|
5026
|
-
children: /* @__PURE__ */ w(
|
|
5051
|
+
children: /* @__PURE__ */ w(Z, {
|
|
5027
5052
|
variant: "primary",
|
|
5028
5053
|
disabled: !f,
|
|
5029
5054
|
onPress: () => {
|
|
@@ -5037,20 +5062,20 @@ function Wr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
|
|
|
5037
5062
|
}
|
|
5038
5063
|
//#endregion
|
|
5039
5064
|
//#region src/native/components/DateField.tsx
|
|
5040
|
-
function
|
|
5065
|
+
function qr(e) {
|
|
5041
5066
|
if (!e) return;
|
|
5042
5067
|
let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
|
|
5043
5068
|
if (!t) return;
|
|
5044
5069
|
let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(n, r - 1, i);
|
|
5045
5070
|
if (!(a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i)) return a;
|
|
5046
5071
|
}
|
|
5047
|
-
function
|
|
5072
|
+
function Jr(e) {
|
|
5048
5073
|
return !e || isNaN(e.getTime()) ? "" : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
5049
5074
|
}
|
|
5050
|
-
function
|
|
5051
|
-
return /* @__PURE__ */ w(
|
|
5052
|
-
value:
|
|
5053
|
-
onChange: (e) => t(
|
|
5075
|
+
function Yr({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i, accessibilityLabel: a }) {
|
|
5076
|
+
return /* @__PURE__ */ w(Kr, {
|
|
5077
|
+
value: qr(e),
|
|
5078
|
+
onChange: (e) => t(Jr(e)),
|
|
5054
5079
|
placeholder: n,
|
|
5055
5080
|
disabled: r,
|
|
5056
5081
|
formatter: i,
|
|
@@ -5059,10 +5084,10 @@ function qr({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i,
|
|
|
5059
5084
|
}
|
|
5060
5085
|
//#endregion
|
|
5061
5086
|
//#region src/native/components/TimePicker.tsx
|
|
5062
|
-
function
|
|
5087
|
+
function Xr(e) {
|
|
5063
5088
|
return e.toString().padStart(2, "0");
|
|
5064
5089
|
}
|
|
5065
|
-
function
|
|
5090
|
+
function Zr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteStep: r = 1, disabled: i = !1 }) {
|
|
5066
5091
|
let { theme: a, scales: o } = W(), [s, c] = S(!1), [l, u] = S(e?.hour ?? 9), [d, f] = S(e?.minute ?? 0), p = Array.from({ length: 24 }, (e, t) => t), m = Array.from({ length: 60 / r }, (e, t) => t * r);
|
|
5067
5092
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(L, {
|
|
5068
5093
|
onPress: () => {
|
|
@@ -5083,12 +5108,12 @@ function Yr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5083
5108
|
},
|
|
5084
5109
|
children: [/* @__PURE__ */ w(z, {
|
|
5085
5110
|
style: [q("body.md"), { color: e ? a.text["high-emphasis"] : a.text["low-emphasis"] }],
|
|
5086
|
-
children: e ? `${
|
|
5111
|
+
children: e ? `${Xr(e.hour)}:${Xr(e.minute)}` : n
|
|
5087
5112
|
}), /* @__PURE__ */ w(z, {
|
|
5088
5113
|
style: [q("label.sm"), { color: a.text["low-emphasis"] }],
|
|
5089
5114
|
children: "🕐"
|
|
5090
5115
|
})]
|
|
5091
|
-
}), /* @__PURE__ */ T(
|
|
5116
|
+
}), /* @__PURE__ */ T(jn, {
|
|
5092
5117
|
open: s,
|
|
5093
5118
|
onClose: () => c(!1),
|
|
5094
5119
|
side: "bottom",
|
|
@@ -5115,7 +5140,7 @@ function Yr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5115
5140
|
color: l === e ? a.text["accent-primary"] : a.text["high-emphasis"],
|
|
5116
5141
|
fontWeight: l === e ? "700" : "400"
|
|
5117
5142
|
}],
|
|
5118
|
-
children:
|
|
5143
|
+
children: Xr(e)
|
|
5119
5144
|
})
|
|
5120
5145
|
}, e))
|
|
5121
5146
|
}), /* @__PURE__ */ w(R, {
|
|
@@ -5134,7 +5159,7 @@ function Yr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5134
5159
|
color: d === e ? a.text["accent-primary"] : a.text["high-emphasis"],
|
|
5135
5160
|
fontWeight: d === e ? "700" : "400"
|
|
5136
5161
|
}],
|
|
5137
|
-
children:
|
|
5162
|
+
children: Xr(e)
|
|
5138
5163
|
})
|
|
5139
5164
|
}, e))
|
|
5140
5165
|
})]
|
|
@@ -5146,14 +5171,14 @@ function Yr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5146
5171
|
},
|
|
5147
5172
|
children: [/* @__PURE__ */ w(V, {
|
|
5148
5173
|
style: { flex: 1 },
|
|
5149
|
-
children: /* @__PURE__ */ w(
|
|
5174
|
+
children: /* @__PURE__ */ w(Z, {
|
|
5150
5175
|
variant: "tertiary",
|
|
5151
5176
|
onPress: () => c(!1),
|
|
5152
5177
|
children: "キャンセル"
|
|
5153
5178
|
})
|
|
5154
5179
|
}), /* @__PURE__ */ w(V, {
|
|
5155
5180
|
style: { flex: 1 },
|
|
5156
|
-
children: /* @__PURE__ */ w(
|
|
5181
|
+
children: /* @__PURE__ */ w(Z, {
|
|
5157
5182
|
variant: "primary",
|
|
5158
5183
|
onPress: () => {
|
|
5159
5184
|
t?.({
|
|
@@ -5169,21 +5194,21 @@ function Yr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5169
5194
|
}
|
|
5170
5195
|
//#endregion
|
|
5171
5196
|
//#region src/native/components/DateTimePicker.tsx
|
|
5172
|
-
function
|
|
5197
|
+
function Qr(e, t, n) {
|
|
5173
5198
|
return t && e < t ? new Date(t) : n && e > n ? new Date(n) : e;
|
|
5174
5199
|
}
|
|
5175
|
-
function
|
|
5200
|
+
function $r({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disabled: a = !1, style: o }) {
|
|
5176
5201
|
let { scales: s } = W(), c = e ? {
|
|
5177
5202
|
hour: e.getHours(),
|
|
5178
5203
|
minute: e.getMinutes()
|
|
5179
5204
|
} : void 0;
|
|
5180
5205
|
return /* @__PURE__ */ T(V, {
|
|
5181
5206
|
style: [{ gap: s.spacing.scale[2] }, o],
|
|
5182
|
-
children: [/* @__PURE__ */ w(
|
|
5207
|
+
children: [/* @__PURE__ */ w(Kr, {
|
|
5183
5208
|
value: e,
|
|
5184
5209
|
onChange: (n) => {
|
|
5185
5210
|
let a = new Date(n);
|
|
5186
|
-
a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(
|
|
5211
|
+
a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(Qr(a, r, i));
|
|
5187
5212
|
},
|
|
5188
5213
|
minDate: r,
|
|
5189
5214
|
maxDate: i,
|
|
@@ -5197,12 +5222,12 @@ function Zr({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disa
|
|
|
5197
5222
|
"土"
|
|
5198
5223
|
][e.getDay()]})`,
|
|
5199
5224
|
disabled: a
|
|
5200
|
-
}), /* @__PURE__ */ w(
|
|
5225
|
+
}), /* @__PURE__ */ w(Zr, {
|
|
5201
5226
|
value: c,
|
|
5202
5227
|
onChange: (n) => {
|
|
5203
5228
|
if (!e) return;
|
|
5204
5229
|
let a = new Date(e);
|
|
5205
|
-
a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(
|
|
5230
|
+
a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(Qr(a, r, i));
|
|
5206
5231
|
},
|
|
5207
5232
|
minuteStep: n,
|
|
5208
5233
|
disabled: a || !e
|
|
@@ -5211,25 +5236,25 @@ function Zr({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disa
|
|
|
5211
5236
|
}
|
|
5212
5237
|
//#endregion
|
|
5213
5238
|
//#region src/native/disclosure-state.ts
|
|
5214
|
-
function
|
|
5239
|
+
function ei(e, t) {
|
|
5215
5240
|
return e === void 0 ? t : e;
|
|
5216
5241
|
}
|
|
5217
|
-
function
|
|
5242
|
+
function ti(e) {
|
|
5218
5243
|
return e !== void 0;
|
|
5219
5244
|
}
|
|
5220
|
-
function
|
|
5245
|
+
function ni(e, t, n) {
|
|
5221
5246
|
let r = e.includes(t);
|
|
5222
5247
|
return n === "single" ? r ? [] : [t] : r ? e.filter((e) => e !== t) : [...e, t];
|
|
5223
5248
|
}
|
|
5224
|
-
function
|
|
5249
|
+
function ri(e, t) {
|
|
5225
5250
|
let n = [...new Set(e)];
|
|
5226
5251
|
return t === "single" ? n.slice(0, 1) : n;
|
|
5227
5252
|
}
|
|
5228
5253
|
//#endregion
|
|
5229
5254
|
//#region src/native/components/Accordion.tsx
|
|
5230
|
-
function
|
|
5231
|
-
let { theme: o, scales: s } = W(), [c, l] = S(() =>
|
|
5232
|
-
let n =
|
|
5255
|
+
function ii({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r, onOpenChange: i, style: a }) {
|
|
5256
|
+
let { theme: o, scales: s } = W(), [c, l] = S(() => ri(n, t)), u = r !== void 0, d = u ? ri(r, t) : c, f = g((e) => {
|
|
5257
|
+
let n = ni(d, e, t);
|
|
5233
5258
|
u || l(n), i?.(n);
|
|
5234
5259
|
}, [
|
|
5235
5260
|
u,
|
|
@@ -5295,10 +5320,10 @@ function ni({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r
|
|
|
5295
5320
|
}
|
|
5296
5321
|
//#endregion
|
|
5297
5322
|
//#region src/native/components/Collapsible.tsx
|
|
5298
|
-
function
|
|
5299
|
-
let { theme: d, scales: f } = W(), [p, m] = S(t), h =
|
|
5323
|
+
function ai({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing: i, style: a, children: o, accessibilityRole: s, accessibilityLabel: c, accessibilityState: l, ...u }) {
|
|
5324
|
+
let { theme: d, scales: f } = W(), [p, m] = S(t), h = ei(n, p), _ = g(() => {
|
|
5300
5325
|
let e = !h;
|
|
5301
|
-
|
|
5326
|
+
ti(n) || m(e), r?.(e);
|
|
5302
5327
|
}, [
|
|
5303
5328
|
n,
|
|
5304
5329
|
r,
|
|
@@ -5352,7 +5377,7 @@ function ri({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing:
|
|
|
5352
5377
|
}
|
|
5353
5378
|
//#endregion
|
|
5354
5379
|
//#region src/native/components/ScrollArea.tsx
|
|
5355
|
-
function
|
|
5380
|
+
function oi({ maxHeight: e, bordered: t, children: n, ...r }) {
|
|
5356
5381
|
let { theme: i, scales: a } = W();
|
|
5357
5382
|
return /* @__PURE__ */ w(V, {
|
|
5358
5383
|
style: {
|
|
@@ -5370,15 +5395,15 @@ function ii({ maxHeight: e, bordered: t, children: n, ...r }) {
|
|
|
5370
5395
|
}
|
|
5371
5396
|
//#endregion
|
|
5372
5397
|
//#region src/native/components/Pagination.tsx
|
|
5373
|
-
function
|
|
5398
|
+
function si(e, t) {
|
|
5374
5399
|
let n = [];
|
|
5375
5400
|
for (let r = e; r <= t; r++) n.push(r);
|
|
5376
5401
|
return n;
|
|
5377
5402
|
}
|
|
5378
|
-
function
|
|
5403
|
+
function ci({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
|
|
5379
5404
|
let { theme: i, scales: a } = W(), o = Math.floor(r / 2), s = Math.max(1, e - o), c = Math.min(t, s + r - 1);
|
|
5380
5405
|
c - s + 1 < r && (s = Math.max(1, c - r + 1));
|
|
5381
|
-
let l =
|
|
5406
|
+
let l = si(s, c), u = (e, t, r = !1, o = !1) => /* @__PURE__ */ w(L, {
|
|
5382
5407
|
onPress: () => t && !r && n?.(t),
|
|
5383
5408
|
disabled: r || !t,
|
|
5384
5409
|
style: ({ pressed: e }) => ({
|
|
@@ -5417,7 +5442,7 @@ function oi({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
|
|
|
5417
5442
|
}
|
|
5418
5443
|
//#endregion
|
|
5419
5444
|
//#region src/native/components/SimplePagination.tsx
|
|
5420
|
-
function
|
|
5445
|
+
function li({ page: e, total: t, onChange: n }) {
|
|
5421
5446
|
let { theme: r, scales: i } = W(), a = (e, t, a) => /* @__PURE__ */ w(L, {
|
|
5422
5447
|
onPress: () => !a && n?.(t),
|
|
5423
5448
|
disabled: a,
|
|
@@ -5458,7 +5483,7 @@ function si({ page: e, total: t, onChange: n }) {
|
|
|
5458
5483
|
}
|
|
5459
5484
|
//#endregion
|
|
5460
5485
|
//#region src/native/components/NavigationBar.tsx
|
|
5461
|
-
function
|
|
5486
|
+
function ui({ items: e, value: t, onChange: n }) {
|
|
5462
5487
|
let { theme: r, scales: i } = W();
|
|
5463
5488
|
return /* @__PURE__ */ w(V, {
|
|
5464
5489
|
style: {
|
|
@@ -5513,7 +5538,7 @@ function ci({ items: e, value: t, onChange: n }) {
|
|
|
5513
5538
|
}
|
|
5514
5539
|
//#endregion
|
|
5515
5540
|
//#region src/native/components/SubNav.tsx
|
|
5516
|
-
function
|
|
5541
|
+
function di({ items: e, value: t, onChange: n }) {
|
|
5517
5542
|
let { theme: r, scales: i } = W();
|
|
5518
5543
|
return /* @__PURE__ */ w(R, {
|
|
5519
5544
|
horizontal: !0,
|
|
@@ -5564,7 +5589,7 @@ function li({ items: e, value: t, onChange: n }) {
|
|
|
5564
5589
|
}
|
|
5565
5590
|
//#endregion
|
|
5566
5591
|
//#region src/native/components/Breadcrumb.tsx
|
|
5567
|
-
function
|
|
5592
|
+
function fi({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
|
|
5568
5593
|
let { theme: i, scales: a } = W();
|
|
5569
5594
|
return /* @__PURE__ */ T(V, {
|
|
5570
5595
|
style: {
|
|
@@ -5616,8 +5641,8 @@ function ui({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
|
|
|
5616
5641
|
}
|
|
5617
5642
|
//#endregion
|
|
5618
5643
|
//#region src/native/components/AppHeader.tsx
|
|
5619
|
-
function
|
|
5620
|
-
let { theme: s, scales: c } = W(), l =
|
|
5644
|
+
function pi({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centered: a = !0, safeArea: o = !0 }) {
|
|
5645
|
+
let { theme: s, scales: c } = W(), l = G(), u = n ?? (i ? /* @__PURE__ */ w(L, {
|
|
5621
5646
|
onPress: i,
|
|
5622
5647
|
hitSlop: 8,
|
|
5623
5648
|
style: ({ pressed: e }) => ({
|
|
@@ -5636,7 +5661,7 @@ function di({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centere
|
|
|
5636
5661
|
alignItems: "center",
|
|
5637
5662
|
gap: c.spacing.scale[2],
|
|
5638
5663
|
paddingHorizontal: c.spacing.scale[3],
|
|
5639
|
-
paddingTop:
|
|
5664
|
+
paddingTop: le({
|
|
5640
5665
|
insets: l,
|
|
5641
5666
|
safeArea: o,
|
|
5642
5667
|
isIOS: I.OS === "ios",
|
|
@@ -5682,7 +5707,7 @@ function di({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centere
|
|
|
5682
5707
|
}
|
|
5683
5708
|
//#endregion
|
|
5684
5709
|
//#region src/native/components/MobileAppHeader.tsx
|
|
5685
|
-
function
|
|
5710
|
+
function mi({ brand: e, leading: t, status: n, compactStatus: r, actions: i, children: a, bordered: o = !0, verticalAlignment: s = "center", style: c }) {
|
|
5686
5711
|
let { theme: l, scales: u } = W();
|
|
5687
5712
|
return /* @__PURE__ */ T(V, {
|
|
5688
5713
|
style: [{
|
|
@@ -5725,7 +5750,7 @@ function fi({ brand: e, leading: t, status: n, compactStatus: r, actions: i, chi
|
|
|
5725
5750
|
}
|
|
5726
5751
|
//#endregion
|
|
5727
5752
|
//#region src/native/components/MobileAppShell.tsx
|
|
5728
|
-
function
|
|
5753
|
+
function hi({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i = !0, bottomPadding: a = n ? "bottom-nav-fab" : t ? "bottom-nav" : "none", children: o, style: s, contentStyle: c }) {
|
|
5729
5754
|
let { theme: l, scales: u } = W(), d = a === "bottom-nav-fab" ? u.spacing.scale[15] : a === "bottom-nav" ? u.spacing.scale[12] : 0, f = [{
|
|
5730
5755
|
flex: 1,
|
|
5731
5756
|
backgroundColor: l.surface.secondary,
|
|
@@ -5757,13 +5782,13 @@ function pi({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i
|
|
|
5757
5782
|
}
|
|
5758
5783
|
//#endregion
|
|
5759
5784
|
//#region src/native/glass-accent-fill.ts
|
|
5760
|
-
var
|
|
5785
|
+
var gi = .95, _i = .88, vi = {
|
|
5761
5786
|
r: 20,
|
|
5762
5787
|
g: 20,
|
|
5763
5788
|
b: 30,
|
|
5764
5789
|
a: .6
|
|
5765
5790
|
};
|
|
5766
|
-
function
|
|
5791
|
+
function yi(e) {
|
|
5767
5792
|
let t = e.trim().replace(/^#/, "");
|
|
5768
5793
|
if (!/^[0-9a-fA-F]+$/.test(t)) return null;
|
|
5769
5794
|
let n = (e) => e.split("").map((e) => e + e).join(""), r;
|
|
@@ -5778,13 +5803,13 @@ function _i(e) {
|
|
|
5778
5803
|
a: r.length === 8 ? i(6) / 255 : 1
|
|
5779
5804
|
};
|
|
5780
5805
|
}
|
|
5781
|
-
function
|
|
5806
|
+
function bi(e) {
|
|
5782
5807
|
return String(Math.round(Math.min(Math.max(e, 0), 1) * 1e3) / 1e3);
|
|
5783
5808
|
}
|
|
5784
|
-
function
|
|
5785
|
-
return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${
|
|
5809
|
+
function xi({ r: e, g: t, b: n, a: r }) {
|
|
5810
|
+
return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${bi(r)})`;
|
|
5786
5811
|
}
|
|
5787
|
-
function
|
|
5812
|
+
function Si(e, t, n) {
|
|
5788
5813
|
let r = Math.min(Math.max(n, 0), 1), i = e.a * r + t.a * (1 - r);
|
|
5789
5814
|
if (i === 0) return {
|
|
5790
5815
|
r: 0,
|
|
@@ -5800,24 +5825,24 @@ function bi(e, t, n) {
|
|
|
5800
5825
|
a: i
|
|
5801
5826
|
};
|
|
5802
5827
|
}
|
|
5803
|
-
function
|
|
5804
|
-
let n =
|
|
5805
|
-
return n ?
|
|
5828
|
+
function Ci({ brandPrimary: e, mode: t }) {
|
|
5829
|
+
let n = yi(e);
|
|
5830
|
+
return n ? xi(t === "light" ? Si(n, {
|
|
5806
5831
|
r: 0,
|
|
5807
5832
|
g: 0,
|
|
5808
5833
|
b: 0,
|
|
5809
5834
|
a: 0
|
|
5810
|
-
},
|
|
5835
|
+
}, gi) : Si(n, vi, _i)) : e;
|
|
5811
5836
|
}
|
|
5812
|
-
function
|
|
5837
|
+
function wi(e) {
|
|
5813
5838
|
return e === "light" ? "rgba(255, 255, 255, 0.4)" : "rgba(255, 255, 255, 0.25)";
|
|
5814
5839
|
}
|
|
5815
|
-
function
|
|
5840
|
+
function Ti(e) {
|
|
5816
5841
|
return e === "light" ? "rgba(255, 255, 255, 0.9)" : "rgba(255, 255, 255, 0.25)";
|
|
5817
5842
|
}
|
|
5818
5843
|
//#endregion
|
|
5819
5844
|
//#region src/native/components/MobileFloatingActionButton.tsx
|
|
5820
|
-
function
|
|
5845
|
+
function Ei({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottomOffset: i = "bottom-nav", keyboardBehavior: a = "hide", variant: o = "default", style: s, bottomOffsetExtra: c, ...l }) {
|
|
5821
5846
|
let { theme: u, scales: d, mode: f } = W(), [p, m] = S(!1);
|
|
5822
5847
|
if (v(() => {
|
|
5823
5848
|
let e = P.addListener("keyboardDidShow", () => m(!0)), t = P.addListener("keyboardDidHide", () => m(!1));
|
|
@@ -5846,7 +5871,7 @@ function wi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5846
5871
|
children: e
|
|
5847
5872
|
})] });
|
|
5848
5873
|
if (o === "glass") {
|
|
5849
|
-
let t =
|
|
5874
|
+
let t = Ci({
|
|
5850
5875
|
brandPrimary: u.brand.primary,
|
|
5851
5876
|
mode: f
|
|
5852
5877
|
}), n = !Oe();
|
|
@@ -5862,13 +5887,13 @@ function wi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5862
5887
|
...g
|
|
5863
5888
|
}, s],
|
|
5864
5889
|
...l,
|
|
5865
|
-
children: /* @__PURE__ */ w(
|
|
5890
|
+
children: /* @__PURE__ */ w(X, {
|
|
5866
5891
|
intensity: "regular",
|
|
5867
5892
|
borderRadius: y,
|
|
5868
5893
|
backgroundFill: t,
|
|
5869
5894
|
tintColor: u.brand.primary,
|
|
5870
|
-
rimColor:
|
|
5871
|
-
highlightColor:
|
|
5895
|
+
rimColor: wi(f),
|
|
5896
|
+
highlightColor: Ti(f),
|
|
5872
5897
|
style: [b, n && { backgroundColor: t }],
|
|
5873
5898
|
children: x
|
|
5874
5899
|
})
|
|
@@ -5892,7 +5917,7 @@ function wi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5892
5917
|
}
|
|
5893
5918
|
//#endregion
|
|
5894
5919
|
//#region src/native/components/StatusActionBadge.tsx
|
|
5895
|
-
function
|
|
5920
|
+
function Di({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i = !1, icon: a, asStatus: o = !1, style: s, onPress: c, ...l }) {
|
|
5896
5921
|
let { theme: u, scales: d } = W(), f = u.border["low-emphasis"], p = {
|
|
5897
5922
|
idle: {
|
|
5898
5923
|
bg: u.surface.secondary,
|
|
@@ -5980,10 +6005,10 @@ function Ti({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i
|
|
|
5980
6005
|
children: m
|
|
5981
6006
|
});
|
|
5982
6007
|
}
|
|
5983
|
-
var
|
|
6008
|
+
var Oi = Di;
|
|
5984
6009
|
//#endregion
|
|
5985
6010
|
//#region src/native/components/Banner.tsx
|
|
5986
|
-
function
|
|
6011
|
+
function ki({ title: e, description: t, image: n, onPress: r, tone: i = "neutral", height: a = 140 }) {
|
|
5987
6012
|
let { theme: o, scales: s } = W(), c = {
|
|
5988
6013
|
neutral: {
|
|
5989
6014
|
bg: o.surface.secondary,
|
|
@@ -6045,7 +6070,7 @@ function Di({ title: e, description: t, image: n, onPress: r, tone: i = "neutral
|
|
|
6045
6070
|
}
|
|
6046
6071
|
//#endregion
|
|
6047
6072
|
//#region src/native/components/BannerCarousel.tsx
|
|
6048
|
-
function
|
|
6073
|
+
function Ai({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }) {
|
|
6049
6074
|
let { theme: i, scales: a } = W(), [o, s] = S(0), c = t ?? k.get("window").width - 32, l = x(null);
|
|
6050
6075
|
return /* @__PURE__ */ T(V, {
|
|
6051
6076
|
style: { gap: a.spacing.scale[2] },
|
|
@@ -6071,7 +6096,7 @@ function Oi({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
|
|
|
6071
6096
|
width: c,
|
|
6072
6097
|
height: n
|
|
6073
6098
|
},
|
|
6074
|
-
children: /* @__PURE__ */ w(
|
|
6099
|
+
children: /* @__PURE__ */ w(ki, {
|
|
6075
6100
|
...e,
|
|
6076
6101
|
height: n
|
|
6077
6102
|
})
|
|
@@ -6093,7 +6118,7 @@ function Oi({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
|
|
|
6093
6118
|
}
|
|
6094
6119
|
//#endregion
|
|
6095
6120
|
//#region src/native/components/SearchBar.tsx
|
|
6096
|
-
function
|
|
6121
|
+
function ji({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onClear: i, autoFocus: a, accessibilityLabel: o, accessibilityHint: s, accessibilityRole: c, accessibilityState: l, ...u }) {
|
|
6097
6122
|
let { theme: d, scales: f } = W();
|
|
6098
6123
|
return /* @__PURE__ */ T(V, {
|
|
6099
6124
|
style: {
|
|
@@ -6154,7 +6179,7 @@ function ki({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onC
|
|
|
6154
6179
|
}
|
|
6155
6180
|
//#endregion
|
|
6156
6181
|
//#region src/native/components/ListItem.tsx
|
|
6157
|
-
function
|
|
6182
|
+
function Mi({ leading: e, title: t, titleTone: n = "default", descriptionTone: r = "default", divider: i = "none", description: a, trailing: o, footerSlot: s, showChevron: c, onPress: l, disabled: u, align: d = "start", density: f = "comfortable", accessibilityLabel: p, accessibilityHint: m, accessibilityRole: h, accessibilityState: g, ..._ }) {
|
|
6158
6183
|
let { theme: v, scales: y } = W(), b = d === "center", x = f === "compact", S = s != null && s !== !1, E = x ? y.spacing.scale[3] : y.spacing.scale[4], D = (e, t) => v.text[e === "accent" ? "accent-primary" : e === "caution" ? "caution" : t], O = /* @__PURE__ */ T(C, { children: [
|
|
6159
6184
|
e,
|
|
6160
6185
|
/* @__PURE__ */ T(V, {
|
|
@@ -6249,7 +6274,7 @@ function Ai({ leading: e, title: t, titleTone: n = "default", descriptionTone: r
|
|
|
6249
6274
|
}
|
|
6250
6275
|
//#endregion
|
|
6251
6276
|
//#region src/native/components/SettingsSection.tsx
|
|
6252
|
-
function
|
|
6277
|
+
function Ni({ title: e, description: t, action: n, variant: r = "group", children: i, style: a, contentStyle: o }) {
|
|
6253
6278
|
let { theme: s, scales: c } = W(), l = r === "card" || r === "danger";
|
|
6254
6279
|
return /* @__PURE__ */ T(V, {
|
|
6255
6280
|
style: [{ gap: c.spacing.scale[3] }, a],
|
|
@@ -6289,7 +6314,7 @@ function ji({ title: e, description: t, action: n, variant: r = "group", childre
|
|
|
6289
6314
|
})]
|
|
6290
6315
|
});
|
|
6291
6316
|
}
|
|
6292
|
-
function
|
|
6317
|
+
function Pi({ title: e, description: t, leading: n, rightSlot: r, children: i, onPress: a, disabled: o = !1, destructive: s = !1, style: c }) {
|
|
6293
6318
|
let { theme: l, scales: u } = W(), d = (a = !1) => /* @__PURE__ */ T(V, {
|
|
6294
6319
|
style: [{
|
|
6295
6320
|
minHeight: 56,
|
|
@@ -6347,7 +6372,7 @@ function Mi({ title: e, description: t, leading: n, rightSlot: r, children: i, o
|
|
|
6347
6372
|
}
|
|
6348
6373
|
//#endregion
|
|
6349
6374
|
//#region src/native/components/EmptyState.tsx
|
|
6350
|
-
function
|
|
6375
|
+
function Fi({ title: e, description: t, icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
|
|
6351
6376
|
let { theme: s, scales: c } = W(), l = i !== void 0 || a !== void 0;
|
|
6352
6377
|
return /* @__PURE__ */ T(V, {
|
|
6353
6378
|
style: {
|
|
@@ -6403,7 +6428,7 @@ function Ni({ title: e, description: t, icon: n, action: r, accessibilityLabel:
|
|
|
6403
6428
|
}
|
|
6404
6429
|
//#endregion
|
|
6405
6430
|
//#region src/native/components/ErrorState.tsx
|
|
6406
|
-
function
|
|
6431
|
+
function Ii({ title: e = "エラーが発生しました", description: t = "しばらくしてからもう一度お試しください", icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
|
|
6407
6432
|
let { theme: s, scales: c } = W(), l = i !== void 0 || a !== void 0;
|
|
6408
6433
|
return /* @__PURE__ */ T(V, {
|
|
6409
6434
|
style: {
|
|
@@ -6459,7 +6484,7 @@ function Pi({ title: e = "エラーが発生しました", description: t = "し
|
|
|
6459
6484
|
}
|
|
6460
6485
|
//#endregion
|
|
6461
6486
|
//#region src/native/components/IconBadge.tsx
|
|
6462
|
-
var
|
|
6487
|
+
var Li = {
|
|
6463
6488
|
md: {
|
|
6464
6489
|
color: "",
|
|
6465
6490
|
size: 20
|
|
@@ -6472,14 +6497,14 @@ var Fi = {
|
|
|
6472
6497
|
color: "",
|
|
6473
6498
|
size: 38
|
|
6474
6499
|
}
|
|
6475
|
-
},
|
|
6500
|
+
}, Ri = {
|
|
6476
6501
|
md: 44,
|
|
6477
6502
|
ml: 48,
|
|
6478
6503
|
lg: 72
|
|
6479
6504
|
};
|
|
6480
|
-
function
|
|
6481
|
-
let { theme: a } = W(), o =
|
|
6482
|
-
...
|
|
6505
|
+
function zi({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i }) {
|
|
6506
|
+
let { theme: a } = W(), o = Ri[e], s = {
|
|
6507
|
+
...Li[e],
|
|
6483
6508
|
color: a.object["accent-primary"]
|
|
6484
6509
|
};
|
|
6485
6510
|
return /* @__PURE__ */ w(V, {
|
|
@@ -6501,7 +6526,7 @@ function Li({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i
|
|
|
6501
6526
|
}
|
|
6502
6527
|
//#endregion
|
|
6503
6528
|
//#region src/native/components/SectionHeader.tsx
|
|
6504
|
-
function
|
|
6529
|
+
function Bi({ title: e, description: t, action: n, variant: r = "default" }) {
|
|
6505
6530
|
let { theme: i, scales: a } = W();
|
|
6506
6531
|
return /* @__PURE__ */ T(V, {
|
|
6507
6532
|
style: {
|
|
@@ -6542,7 +6567,7 @@ function Ri({ title: e, description: t, action: n, variant: r = "default" }) {
|
|
|
6542
6567
|
}
|
|
6543
6568
|
//#endregion
|
|
6544
6569
|
//#region src/native/components/StickyActionBar.tsx
|
|
6545
|
-
function
|
|
6570
|
+
function Vi({ children: e }) {
|
|
6546
6571
|
let { theme: t, scales: n } = W();
|
|
6547
6572
|
return /* @__PURE__ */ w(V, {
|
|
6548
6573
|
style: {
|
|
@@ -6559,7 +6584,7 @@ function zi({ children: e }) {
|
|
|
6559
6584
|
}
|
|
6560
6585
|
//#endregion
|
|
6561
6586
|
//#region src/native/components/SwipeRow.tsx
|
|
6562
|
-
function
|
|
6587
|
+
function Hi({ rightActions: e = [], actionWidth: t = 80, children: n, accessibilityActions: r, onAccessibilityAction: i, accessible: a }) {
|
|
6563
6588
|
let { theme: o } = W(), [s] = S(() => new O.Value(0)), c = e.length * t, [l] = S(() => ne.create({
|
|
6564
6589
|
onMoveShouldSetPanResponder: (e, t) => Math.abs(t.dx) > 8,
|
|
6565
6590
|
onPanResponderMove: (e, t) => {
|
|
@@ -6628,7 +6653,7 @@ function Bi({ rightActions: e = [], actionWidth: t = 80, children: n, accessibil
|
|
|
6628
6653
|
}
|
|
6629
6654
|
//#endregion
|
|
6630
6655
|
//#region src/native/components/Footer.tsx
|
|
6631
|
-
function
|
|
6656
|
+
function Ui({ copyright: e, links: t = [] }) {
|
|
6632
6657
|
let { theme: n, scales: r } = W();
|
|
6633
6658
|
return /* @__PURE__ */ T(V, {
|
|
6634
6659
|
style: {
|
|
@@ -6657,7 +6682,7 @@ function Vi({ copyright: e, links: t = [] }) {
|
|
|
6657
6682
|
}
|
|
6658
6683
|
//#endregion
|
|
6659
6684
|
//#region src/native/components/FileUpload.tsx
|
|
6660
|
-
function
|
|
6685
|
+
function Wi({ title: e = "ファイルを選択", description: t = "タップしてアップロード", onPress: n, disabled: r = !1 }) {
|
|
6661
6686
|
let { theme: i, scales: a } = W();
|
|
6662
6687
|
return /* @__PURE__ */ T(L, {
|
|
6663
6688
|
onPress: n,
|
|
@@ -6695,18 +6720,18 @@ function Hi({ title: e = "ファイルを選択", description: t = "タップし
|
|
|
6695
6720
|
}
|
|
6696
6721
|
//#endregion
|
|
6697
6722
|
//#region src/native/components/Screen.tsx
|
|
6698
|
-
function
|
|
6723
|
+
function Gi(e, t) {
|
|
6699
6724
|
if (e !== "none") return {
|
|
6700
6725
|
paddingHorizontal: t.scale[6],
|
|
6701
6726
|
paddingVertical: t.scale[6]
|
|
6702
6727
|
};
|
|
6703
6728
|
}
|
|
6704
|
-
function
|
|
6729
|
+
function Ki({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "page", style: a, bodyStyle: o, headerStyle: s, footerStyle: c, contentContainerStyle: l }) {
|
|
6705
6730
|
let { theme: u, scales: d } = W(), f = [{
|
|
6706
6731
|
flex: 1,
|
|
6707
6732
|
minHeight: 0,
|
|
6708
6733
|
backgroundColor: u.surface.primary
|
|
6709
|
-
}, o], p = [
|
|
6734
|
+
}, o], p = [Gi(i, d.spacing), l];
|
|
6710
6735
|
return /* @__PURE__ */ T(V, {
|
|
6711
6736
|
style: [{
|
|
6712
6737
|
flex: 1,
|
|
@@ -6727,7 +6752,7 @@ function Wi({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
6727
6752
|
}) : /* @__PURE__ */ w(V, {
|
|
6728
6753
|
style: [
|
|
6729
6754
|
f,
|
|
6730
|
-
|
|
6755
|
+
Gi(i, d.spacing),
|
|
6731
6756
|
l
|
|
6732
6757
|
],
|
|
6733
6758
|
children: e
|
|
@@ -6747,7 +6772,7 @@ function Wi({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
6747
6772
|
}
|
|
6748
6773
|
//#endregion
|
|
6749
6774
|
//#region src/native/components/Prose.tsx
|
|
6750
|
-
function
|
|
6775
|
+
function qi({ sections: e }) {
|
|
6751
6776
|
let { theme: t, scales: n } = W();
|
|
6752
6777
|
return /* @__PURE__ */ w(V, {
|
|
6753
6778
|
style: { gap: n.spacing.scale[6] },
|
|
@@ -6765,10 +6790,10 @@ function Gi({ sections: e }) {
|
|
|
6765
6790
|
}
|
|
6766
6791
|
//#endregion
|
|
6767
6792
|
//#region src/native/components/DocumentScreen.tsx
|
|
6768
|
-
function
|
|
6793
|
+
function Ji({ title: e, lastUpdated: t, onBack: n, children: r }) {
|
|
6769
6794
|
let { theme: i, scales: a } = W();
|
|
6770
|
-
return /* @__PURE__ */ T(
|
|
6771
|
-
header: n ? /* @__PURE__ */ w(
|
|
6795
|
+
return /* @__PURE__ */ T(Ki, {
|
|
6796
|
+
header: n ? /* @__PURE__ */ w(pi, {
|
|
6772
6797
|
onBack: n,
|
|
6773
6798
|
centered: !1
|
|
6774
6799
|
}) : void 0,
|
|
@@ -6789,16 +6814,16 @@ function Ki({ title: e, lastUpdated: t, onBack: n, children: r }) {
|
|
|
6789
6814
|
}
|
|
6790
6815
|
//#endregion
|
|
6791
6816
|
//#region src/native/components/PhotoHero.tsx
|
|
6792
|
-
function
|
|
6817
|
+
function Yi(e) {
|
|
6793
6818
|
return typeof e == "string" ? { uri: e } : e;
|
|
6794
6819
|
}
|
|
6795
|
-
function
|
|
6820
|
+
function Xi(e, t) {
|
|
6796
6821
|
return e === "none" ? "transparent" : e === "dark" ? t.surface["videoOverlay-strong"] : t.surface["videoOverlay-medium"];
|
|
6797
6822
|
}
|
|
6798
|
-
function
|
|
6823
|
+
function Zi({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, style: a, imageStyle: o, contentStyle: s }) {
|
|
6799
6824
|
let { theme: c, scales: l } = W(), u = r === "center" ? "center" : "flex-end";
|
|
6800
6825
|
return /* @__PURE__ */ T(N, {
|
|
6801
|
-
source:
|
|
6826
|
+
source: Yi(e),
|
|
6802
6827
|
accessibilityIgnoresInvertColors: !0,
|
|
6803
6828
|
accessibilityLabel: t || void 0,
|
|
6804
6829
|
style: [{
|
|
@@ -6817,7 +6842,7 @@ function Yi({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
6817
6842
|
right: 0,
|
|
6818
6843
|
bottom: 0,
|
|
6819
6844
|
left: 0,
|
|
6820
|
-
backgroundColor:
|
|
6845
|
+
backgroundColor: Xi(n, c)
|
|
6821
6846
|
}
|
|
6822
6847
|
}), /* @__PURE__ */ w(V, {
|
|
6823
6848
|
style: [{
|
|
@@ -6834,7 +6859,7 @@ function Yi({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
6834
6859
|
})]
|
|
6835
6860
|
});
|
|
6836
6861
|
}
|
|
6837
|
-
function
|
|
6862
|
+
function Qi({ children: e, style: t, numberOfLines: n }) {
|
|
6838
6863
|
let { theme: r } = W();
|
|
6839
6864
|
return /* @__PURE__ */ w(z, {
|
|
6840
6865
|
numberOfLines: n,
|
|
@@ -6846,7 +6871,7 @@ function Xi({ children: e, style: t, numberOfLines: n }) {
|
|
|
6846
6871
|
children: e
|
|
6847
6872
|
});
|
|
6848
6873
|
}
|
|
6849
|
-
function
|
|
6874
|
+
function $i({ children: e, style: t, numberOfLines: n }) {
|
|
6850
6875
|
let { theme: r } = W();
|
|
6851
6876
|
return /* @__PURE__ */ w(z, {
|
|
6852
6877
|
numberOfLines: n,
|
|
@@ -6858,7 +6883,7 @@ function Zi({ children: e, style: t, numberOfLines: n }) {
|
|
|
6858
6883
|
children: e
|
|
6859
6884
|
});
|
|
6860
6885
|
}
|
|
6861
|
-
function
|
|
6886
|
+
function ea({ children: e, style: t, numberOfLines: n }) {
|
|
6862
6887
|
let { theme: r } = W();
|
|
6863
6888
|
return /* @__PURE__ */ w(z, {
|
|
6864
6889
|
numberOfLines: n,
|
|
@@ -6870,7 +6895,7 @@ function Qi({ children: e, style: t, numberOfLines: n }) {
|
|
|
6870
6895
|
children: e
|
|
6871
6896
|
});
|
|
6872
6897
|
}
|
|
6873
|
-
function
|
|
6898
|
+
function ta({ children: e, style: t }) {
|
|
6874
6899
|
let { scales: n } = W();
|
|
6875
6900
|
return /* @__PURE__ */ w(V, {
|
|
6876
6901
|
style: [{
|
|
@@ -6880,12 +6905,12 @@ function $i({ children: e, style: t }) {
|
|
|
6880
6905
|
children: e
|
|
6881
6906
|
});
|
|
6882
6907
|
}
|
|
6883
|
-
var
|
|
6884
|
-
Eyebrow:
|
|
6885
|
-
Title:
|
|
6886
|
-
Body:
|
|
6887
|
-
Actions:
|
|
6888
|
-
}),
|
|
6908
|
+
var na = Object.assign(Zi, {
|
|
6909
|
+
Eyebrow: Qi,
|
|
6910
|
+
Title: $i,
|
|
6911
|
+
Body: ea,
|
|
6912
|
+
Actions: ta
|
|
6913
|
+
}), ra = {
|
|
6889
6914
|
"top-left": {
|
|
6890
6915
|
top: 16,
|
|
6891
6916
|
left: 16
|
|
@@ -6913,10 +6938,10 @@ var ea = Object.assign(Yi, {
|
|
|
6913
6938
|
transform: [{ translateY: -48 }]
|
|
6914
6939
|
}
|
|
6915
6940
|
};
|
|
6916
|
-
function
|
|
6941
|
+
function ia(e) {
|
|
6917
6942
|
return typeof e == "number" && e > 99 ? "99+" : e;
|
|
6918
6943
|
}
|
|
6919
|
-
function
|
|
6944
|
+
function aa(e, t) {
|
|
6920
6945
|
let n = e === "horizontal" ? "row" : "column";
|
|
6921
6946
|
return t === "side" ? {
|
|
6922
6947
|
clusterDirection: n,
|
|
@@ -6929,7 +6954,7 @@ function ra(e, t) {
|
|
|
6929
6954
|
itemDirection: e === "horizontal" ? "row" : "column"
|
|
6930
6955
|
};
|
|
6931
6956
|
}
|
|
6932
|
-
function
|
|
6957
|
+
function oa({ items: e, orientation: t = "vertical", anchor: n = "bottom-right", position: r = "absolute", labelPosition: i = "auto", autoHideMs: a = 5e3, defaultVisible: o = !0, onVisibleChange: s, accessibilityLabel: c = "メディアアクション", style: l }) {
|
|
6933
6958
|
let { scales: u } = W(), d = a != null && a > 0, [f, p] = m.useState({
|
|
6934
6959
|
autoHideEnabled: d,
|
|
6935
6960
|
value: o
|
|
@@ -6938,7 +6963,7 @@ function ia({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6938
6963
|
autoHideEnabled: d,
|
|
6939
6964
|
value: !0
|
|
6940
6965
|
});
|
|
6941
|
-
let h = d ? f.value : !0, g = m.useRef(null), { clusterDirection: _, itemDirection: v } =
|
|
6966
|
+
let h = d ? f.value : !0, g = m.useRef(null), { clusterDirection: _, itemDirection: v } = aa(t, i), y = m.useCallback(() => {
|
|
6942
6967
|
g.current && clearTimeout(g.current), g.current = null;
|
|
6943
6968
|
}, []), b = m.useCallback((e) => {
|
|
6944
6969
|
p((t) => ((t.autoHideEnabled ? t.value : !0) !== e && s?.(e), {
|
|
@@ -6972,7 +6997,7 @@ function ia({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6972
6997
|
r === "relative" ? void 0 : {
|
|
6973
6998
|
position: "absolute",
|
|
6974
6999
|
zIndex: 40,
|
|
6975
|
-
...
|
|
7000
|
+
...ra[n]
|
|
6976
7001
|
},
|
|
6977
7002
|
{
|
|
6978
7003
|
flexDirection: _,
|
|
@@ -6982,14 +7007,14 @@ function ia({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6982
7007
|
},
|
|
6983
7008
|
l
|
|
6984
7009
|
],
|
|
6985
|
-
children: e.map((e, t) => /* @__PURE__ */ w(
|
|
7010
|
+
children: e.map((e, t) => /* @__PURE__ */ w(sa, {
|
|
6986
7011
|
item: e,
|
|
6987
7012
|
itemDirection: v,
|
|
6988
7013
|
onReveal: S
|
|
6989
7014
|
}, e.id ?? `${e.label}-${t}`))
|
|
6990
7015
|
});
|
|
6991
7016
|
}
|
|
6992
|
-
function
|
|
7017
|
+
function sa({ item: e, itemDirection: t, onReveal: n }) {
|
|
6993
7018
|
let { theme: r, scales: i } = W();
|
|
6994
7019
|
return /* @__PURE__ */ T(L, {
|
|
6995
7020
|
disabled: e.disabled,
|
|
@@ -7012,7 +7037,7 @@ function aa({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
7012
7037
|
opacity: e.disabled ? .5 : 1,
|
|
7013
7038
|
transform: [{ scale: n && !e.disabled ? .96 : 1 }]
|
|
7014
7039
|
}),
|
|
7015
|
-
children: [/* @__PURE__ */ T(
|
|
7040
|
+
children: [/* @__PURE__ */ T(X, {
|
|
7016
7041
|
tint: "dark",
|
|
7017
7042
|
intensity: "regular",
|
|
7018
7043
|
borderRadius: i.borderRadius.full,
|
|
@@ -7039,7 +7064,7 @@ function aa({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
7039
7064
|
},
|
|
7040
7065
|
children: /* @__PURE__ */ w(z, {
|
|
7041
7066
|
style: [q("label.xs"), { color: r.text["on-media"] }],
|
|
7042
|
-
children:
|
|
7067
|
+
children: ia(e.badge)
|
|
7043
7068
|
})
|
|
7044
7069
|
})]
|
|
7045
7070
|
}), /* @__PURE__ */ w(z, {
|
|
@@ -7055,7 +7080,7 @@ function aa({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
7055
7080
|
}
|
|
7056
7081
|
//#endregion
|
|
7057
7082
|
//#region src/native/components/CompactFilePicker.tsx
|
|
7058
|
-
function
|
|
7083
|
+
function ca({ label: e = "ファイル", description: t, triggerLabel: n = "選択する", loadingLabel: r, icon: i, loading: a = !1, disabled: o = !1, onPress: s, style: c }) {
|
|
7059
7084
|
let { theme: l, scales: u } = W(), d = o || a;
|
|
7060
7085
|
return /* @__PURE__ */ T(L, {
|
|
7061
7086
|
disabled: d,
|
|
@@ -7104,7 +7129,7 @@ function oa({ label: e = "ファイル", description: t, triggerLabel: n = "選
|
|
|
7104
7129
|
children: t
|
|
7105
7130
|
}) : t)]
|
|
7106
7131
|
}),
|
|
7107
|
-
/* @__PURE__ */ w(
|
|
7132
|
+
/* @__PURE__ */ w(Z, {
|
|
7108
7133
|
variant: "secondary",
|
|
7109
7134
|
disabled: d,
|
|
7110
7135
|
loading: a,
|
|
@@ -7115,11 +7140,11 @@ function oa({ label: e = "ファイル", description: t, triggerLabel: n = "選
|
|
|
7115
7140
|
]
|
|
7116
7141
|
});
|
|
7117
7142
|
}
|
|
7118
|
-
function
|
|
7143
|
+
function la({ images: e = [], onRemove: t, removeLabel: n = (e) => `${e.name ?? "画像"}を削除`, previewVariant: r = "grid", label: i = "画像", description: a = "JPG / PNG / WebP", triggerLabel: o = "画像を追加", ...s }) {
|
|
7119
7144
|
let { theme: c, scales: l } = W();
|
|
7120
7145
|
return /* @__PURE__ */ T(V, {
|
|
7121
7146
|
style: { gap: l.spacing.scale[3] },
|
|
7122
|
-
children: [/* @__PURE__ */ w(
|
|
7147
|
+
children: [/* @__PURE__ */ w(ca, {
|
|
7123
7148
|
...s,
|
|
7124
7149
|
label: i,
|
|
7125
7150
|
description: a,
|
|
@@ -7161,7 +7186,7 @@ function sa({ images: e = [], onRemove: t, removeLabel: n = (e) => `${e.name ??
|
|
|
7161
7186
|
}],
|
|
7162
7187
|
children: e.name ?? e.alt ?? "画像"
|
|
7163
7188
|
}),
|
|
7164
|
-
t && /* @__PURE__ */ w(
|
|
7189
|
+
t && /* @__PURE__ */ w(Z, {
|
|
7165
7190
|
variant: "tertiary",
|
|
7166
7191
|
disabled: s.disabled,
|
|
7167
7192
|
accessibilityLabel: n(e),
|
|
@@ -7175,7 +7200,7 @@ function sa({ images: e = [], onRemove: t, removeLabel: n = (e) => `${e.name ??
|
|
|
7175
7200
|
}
|
|
7176
7201
|
//#endregion
|
|
7177
7202
|
//#region src/native/components/SemanticIcon.tsx
|
|
7178
|
-
function
|
|
7203
|
+
function ua({ name: e, size: t = 24, color: n, accessibilityLabel: r, style: i }) {
|
|
7179
7204
|
let { theme: a } = W(), o = n ?? a.text["high-emphasis"], s = e === "selected" || e === "selectedSquare" || e === "success", c = e !== "selected" && e !== "close", l = e === "selectedSquare", u = Math.max(e === "selected" ? 2 : 1.5, t / 12);
|
|
7180
7205
|
return /* @__PURE__ */ T(V, {
|
|
7181
7206
|
accessible: !!r,
|
|
@@ -7238,19 +7263,19 @@ function ca({ name: e, size: t = 24, color: n, accessibilityLabel: r, style: i }
|
|
|
7238
7263
|
}
|
|
7239
7264
|
//#endregion
|
|
7240
7265
|
//#region src/native/components/QuickActionGrid.tsx
|
|
7241
|
-
var
|
|
7242
|
-
function
|
|
7266
|
+
var da = m.createContext(null);
|
|
7267
|
+
function fa() {
|
|
7243
7268
|
let e = globalThis.process;
|
|
7244
7269
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
7245
7270
|
}
|
|
7246
|
-
function
|
|
7247
|
-
return /* @__PURE__ */ w(
|
|
7271
|
+
function pa({ color: e, size: t = 16 }) {
|
|
7272
|
+
return /* @__PURE__ */ w(ua, {
|
|
7248
7273
|
name: "selected",
|
|
7249
7274
|
color: e,
|
|
7250
7275
|
size: t
|
|
7251
7276
|
});
|
|
7252
7277
|
}
|
|
7253
|
-
function
|
|
7278
|
+
function ma(e, t) {
|
|
7254
7279
|
switch (e) {
|
|
7255
7280
|
case "selected": return {
|
|
7256
7281
|
borderColor: t.brand.primary,
|
|
@@ -7274,8 +7299,8 @@ function fa(e, t) {
|
|
|
7274
7299
|
};
|
|
7275
7300
|
}
|
|
7276
7301
|
}
|
|
7277
|
-
function
|
|
7278
|
-
let _ = m.useContext(
|
|
7302
|
+
function ha({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a, selected: o = !1, loading: s = !1, disabled: c = !1, variant: l = o ? "selected" : "neutral", selectionMode: u, onPress: d, style: f, accessibilityRole: p, accessibilityState: h, ...g }) {
|
|
7303
|
+
let _ = m.useContext(da), v = (u ?? _) === "single", { theme: y, scales: b } = W(), x = c || s, S = o || l === "selected", C = a != null && a !== !1, E = !!(r || i), D = ma(l, y);
|
|
7279
7304
|
return /* @__PURE__ */ T(L, {
|
|
7280
7305
|
onPress: d,
|
|
7281
7306
|
disabled: x,
|
|
@@ -7335,7 +7360,7 @@ function pa({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a
|
|
|
7335
7360
|
}), s ? /* @__PURE__ */ w(qe, { size: "sm" }) : C ? typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ w(z, {
|
|
7336
7361
|
style: [q("label.md"), { color: y.text["high-emphasis"] }],
|
|
7337
7362
|
children: a
|
|
7338
|
-
}) : a : S ? /* @__PURE__ */ w(
|
|
7363
|
+
}) : a : S ? /* @__PURE__ */ w(pa, { color: y.text["accent-primary"] }) : null]
|
|
7339
7364
|
}), E && /* @__PURE__ */ T(V, {
|
|
7340
7365
|
style: {
|
|
7341
7366
|
flexDirection: "row",
|
|
@@ -7362,8 +7387,8 @@ function pa({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a
|
|
|
7362
7387
|
})]
|
|
7363
7388
|
});
|
|
7364
7389
|
}
|
|
7365
|
-
function
|
|
7366
|
-
if (
|
|
7390
|
+
function ga({ columns: e = 3, gap: t = 12, selectionMode: n, children: r, style: i }) {
|
|
7391
|
+
if (fa() && n === "single") {
|
|
7367
7392
|
let e = m.Children.toArray(r).filter((e) => m.isValidElement(e) ? e.props.selected === !0 || e.props.variant === "selected" : !1).length;
|
|
7368
7393
|
e > 1 && console.warn(`[ksk-ds] QuickActionGrid: selectionMode="single" は排他選択ですが、選択中の ActionTile が ${e} 個あります。selected を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
7369
7394
|
}
|
|
@@ -7382,20 +7407,20 @@ function ma({ columns: e = 3, gap: t = 12, selectionMode: n, children: r, style:
|
|
|
7382
7407
|
children: n
|
|
7383
7408
|
}))
|
|
7384
7409
|
});
|
|
7385
|
-
return /* @__PURE__ */ w(
|
|
7410
|
+
return /* @__PURE__ */ w(da.Provider, {
|
|
7386
7411
|
value: n ?? null,
|
|
7387
7412
|
children: a
|
|
7388
7413
|
});
|
|
7389
7414
|
}
|
|
7390
7415
|
//#endregion
|
|
7391
7416
|
//#region src/native/components/ChipSelector.tsx
|
|
7392
|
-
function
|
|
7417
|
+
function _a() {
|
|
7393
7418
|
let e = globalThis.process;
|
|
7394
7419
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
7395
7420
|
}
|
|
7396
|
-
function
|
|
7421
|
+
function va({ options: e, values: t = [], onChange: n, multiple: r = !0, selectionMode: i }) {
|
|
7397
7422
|
let { scales: a } = W(), o = i ? i === "multiple" : r, s = !o;
|
|
7398
|
-
|
|
7423
|
+
_a() && s && t.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${t.length} 個あります。values を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
7399
7424
|
let c = (e) => {
|
|
7400
7425
|
o ? n?.(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]) : n?.(t.includes(e) ? [] : [e]);
|
|
7401
7426
|
};
|
|
@@ -7425,8 +7450,8 @@ function ga({ options: e, values: t = [], onChange: n, multiple: r = !0, selecti
|
|
|
7425
7450
|
}
|
|
7426
7451
|
//#endregion
|
|
7427
7452
|
//#region src/native/components/CollapsibleChipField.tsx
|
|
7428
|
-
var
|
|
7429
|
-
function
|
|
7453
|
+
var ya = 80, ba = 36;
|
|
7454
|
+
function xa({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
|
|
7430
7455
|
let { theme: u, scales: d } = W(), f = r != null && r !== "", [p, h] = m.useState({
|
|
7431
7456
|
selected: r,
|
|
7432
7457
|
forced: !1
|
|
@@ -7438,15 +7463,15 @@ function ya({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7438
7463
|
let g = p.selected === r && p.forced, _ = f && n.includes(r), v = c || !_ || g, y = v ? n : n.filter((e) => e === r), b = !c && _, x = l ?? t, S = t ? /* @__PURE__ */ w(z, {
|
|
7439
7464
|
style: [q("label.sm"), {
|
|
7440
7465
|
color: u.text["medium-emphasis"],
|
|
7441
|
-
width:
|
|
7442
|
-
lineHeight:
|
|
7466
|
+
width: ya,
|
|
7467
|
+
lineHeight: ba
|
|
7443
7468
|
}],
|
|
7444
7469
|
numberOfLines: 1,
|
|
7445
7470
|
children: t
|
|
7446
7471
|
}) : /* @__PURE__ */ w(V, {
|
|
7447
7472
|
style: {
|
|
7448
7473
|
width: 24,
|
|
7449
|
-
height:
|
|
7474
|
+
height: ba,
|
|
7450
7475
|
alignItems: "center",
|
|
7451
7476
|
justifyContent: "center"
|
|
7452
7477
|
},
|
|
@@ -7465,7 +7490,7 @@ function ya({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7465
7490
|
flexDirection: "row",
|
|
7466
7491
|
flexWrap: "wrap",
|
|
7467
7492
|
gap: d.spacing.scale[2],
|
|
7468
|
-
minHeight:
|
|
7493
|
+
minHeight: ba,
|
|
7469
7494
|
alignItems: "center"
|
|
7470
7495
|
},
|
|
7471
7496
|
accessibilityRole: v ? "radiogroup" : void 0,
|
|
@@ -7498,8 +7523,8 @@ function ya({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7498
7523
|
}
|
|
7499
7524
|
//#endregion
|
|
7500
7525
|
//#region src/native/components/ChipFilterBar.tsx
|
|
7501
|
-
var
|
|
7502
|
-
function
|
|
7526
|
+
var Sa = (e) => `${e.toLocaleString()}件`;
|
|
7527
|
+
function Ca({ children: e, resultCount: t, resultCountLabel: n = Sa }) {
|
|
7503
7528
|
let { theme: r, scales: i } = W();
|
|
7504
7529
|
return /* @__PURE__ */ T(V, { children: [/* @__PURE__ */ w(R, {
|
|
7505
7530
|
horizontal: !0,
|
|
@@ -7516,7 +7541,7 @@ function xa({ children: e, resultCount: t, resultCountLabel: n = ba }) {
|
|
|
7516
7541
|
}
|
|
7517
7542
|
//#endregion
|
|
7518
7543
|
//#region src/native/components/CategoryNav.tsx
|
|
7519
|
-
function
|
|
7544
|
+
function wa({ items: e, value: t, onChange: n }) {
|
|
7520
7545
|
let { theme: r, scales: i } = W();
|
|
7521
7546
|
return /* @__PURE__ */ w(R, {
|
|
7522
7547
|
horizontal: !0,
|
|
@@ -7556,7 +7581,7 @@ function Sa({ items: e, value: t, onChange: n }) {
|
|
|
7556
7581
|
}
|
|
7557
7582
|
//#endregion
|
|
7558
7583
|
//#region src/native/components/CategoryScroll.tsx
|
|
7559
|
-
function
|
|
7584
|
+
function Ta({ items: e, value: t, onChange: n }) {
|
|
7560
7585
|
let { theme: r, scales: i } = W();
|
|
7561
7586
|
return /* @__PURE__ */ w(R, {
|
|
7562
7587
|
horizontal: !0,
|
|
@@ -7604,7 +7629,7 @@ function Ca({ items: e, value: t, onChange: n }) {
|
|
|
7604
7629
|
}
|
|
7605
7630
|
//#endregion
|
|
7606
7631
|
//#region src/native/components/ProgressSteps.tsx
|
|
7607
|
-
function
|
|
7632
|
+
function Ea({ steps: e, current: t }) {
|
|
7608
7633
|
let { theme: n } = W();
|
|
7609
7634
|
return /* @__PURE__ */ w(V, {
|
|
7610
7635
|
style: {
|
|
@@ -7656,7 +7681,7 @@ function wa({ steps: e, current: t }) {
|
|
|
7656
7681
|
}
|
|
7657
7682
|
//#endregion
|
|
7658
7683
|
//#region src/native/components/TagInput.tsx
|
|
7659
|
-
function
|
|
7684
|
+
function Da({ value: e = [], onChange: t, placeholder: n = "タグを入力して Enter", maxTags: r = 10 }) {
|
|
7660
7685
|
let { theme: i, scales: a } = W(), [o, s] = S(""), c = x(null), l = x(!1);
|
|
7661
7686
|
nn(c, g(() => {
|
|
7662
7687
|
l.current = !0;
|
|
@@ -7730,7 +7755,7 @@ function Ta({ value: e = [], onChange: t, placeholder: n = "タグを入力し
|
|
|
7730
7755
|
}
|
|
7731
7756
|
//#endregion
|
|
7732
7757
|
//#region src/native/components/ShareButtons.tsx
|
|
7733
|
-
function
|
|
7758
|
+
function Oa({ message: e, url: t, title: n, extra: r = [] }) {
|
|
7734
7759
|
let { theme: i, scales: a } = W(), o = [{
|
|
7735
7760
|
label: "共有",
|
|
7736
7761
|
onPress: async () => {
|
|
@@ -7769,7 +7794,7 @@ function Ea({ message: e, url: t, title: n, extra: r = [] }) {
|
|
|
7769
7794
|
}
|
|
7770
7795
|
//#endregion
|
|
7771
7796
|
//#region src/native/components/FilterChip.tsx
|
|
7772
|
-
function
|
|
7797
|
+
function ka(e) {
|
|
7773
7798
|
return /* @__PURE__ */ w(Ge, {
|
|
7774
7799
|
...e,
|
|
7775
7800
|
shape: "pill",
|
|
@@ -7778,11 +7803,11 @@ function Da(e) {
|
|
|
7778
7803
|
}
|
|
7779
7804
|
//#endregion
|
|
7780
7805
|
//#region src/native/components/PresenceIndicator.tsx
|
|
7781
|
-
function
|
|
7806
|
+
function Aa(e) {
|
|
7782
7807
|
let t = e.trim();
|
|
7783
7808
|
return t ? t.slice(0, 1).toUpperCase() : "?";
|
|
7784
7809
|
}
|
|
7785
|
-
function
|
|
7810
|
+
function ja({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
7786
7811
|
let { theme: i, scales: a } = W();
|
|
7787
7812
|
return /* @__PURE__ */ T(V, {
|
|
7788
7813
|
accessibilityRole: "text",
|
|
@@ -7800,7 +7825,7 @@ function ka({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
|
7800
7825
|
},
|
|
7801
7826
|
children: [
|
|
7802
7827
|
/* @__PURE__ */ T(V, { children: [/* @__PURE__ */ w(He, {
|
|
7803
|
-
fallback:
|
|
7828
|
+
fallback: Aa(e),
|
|
7804
7829
|
size: "sm"
|
|
7805
7830
|
}), /* @__PURE__ */ w(V, { style: {
|
|
7806
7831
|
position: "absolute",
|
|
@@ -7827,7 +7852,7 @@ function ka({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
|
7827
7852
|
}
|
|
7828
7853
|
//#endregion
|
|
7829
7854
|
//#region src/native/components/ImageGallery.tsx
|
|
7830
|
-
function
|
|
7855
|
+
function Ma({ images: e, initialIndex: t = 0, thumbnailSize: n = 80 }) {
|
|
7831
7856
|
let { theme: r, scales: i } = W(), [a, o] = S({
|
|
7832
7857
|
open: !1,
|
|
7833
7858
|
index: t
|
|
@@ -7942,7 +7967,7 @@ function Aa({ images: e, initialIndex: t = 0, thumbnailSize: n = 80 }) {
|
|
|
7942
7967
|
}
|
|
7943
7968
|
//#endregion
|
|
7944
7969
|
//#region src/native/components/SocialLoginButton.tsx
|
|
7945
|
-
var
|
|
7970
|
+
var Na = {
|
|
7946
7971
|
google: "Google でログイン",
|
|
7947
7972
|
apple: "Apple でログイン",
|
|
7948
7973
|
line: "LINE でログイン",
|
|
@@ -7950,26 +7975,26 @@ var ja = {
|
|
|
7950
7975
|
github: "GitHub でログイン",
|
|
7951
7976
|
x: "X でログイン"
|
|
7952
7977
|
};
|
|
7953
|
-
function
|
|
7954
|
-
let { theme: i, scales: a } = W(), o = a.brandExternal, s = {
|
|
7978
|
+
function Pa({ provider: e, label: t, onPress: n, disabled: r = !1 }) {
|
|
7979
|
+
let { theme: i, scales: a } = W(), o = a.brandExternal, s = i.text["on-media"], c = {
|
|
7955
7980
|
google: {
|
|
7956
7981
|
bg: i.surface.primary,
|
|
7957
7982
|
fg: i.text["high-emphasis"],
|
|
7958
7983
|
border: o.googleBorder
|
|
7959
7984
|
},
|
|
7960
7985
|
apple: {
|
|
7961
|
-
bg:
|
|
7962
|
-
fg: i.
|
|
7963
|
-
border:
|
|
7986
|
+
bg: i.brand["apple-surface"],
|
|
7987
|
+
fg: i.brand["on-apple"],
|
|
7988
|
+
border: i.brand["apple-surface"]
|
|
7964
7989
|
},
|
|
7965
7990
|
line: {
|
|
7966
7991
|
bg: o.line,
|
|
7967
|
-
fg:
|
|
7992
|
+
fg: s,
|
|
7968
7993
|
border: o.line
|
|
7969
7994
|
},
|
|
7970
7995
|
amazon: {
|
|
7971
7996
|
bg: o.amazon,
|
|
7972
|
-
fg:
|
|
7997
|
+
fg: s,
|
|
7973
7998
|
border: o.amazon
|
|
7974
7999
|
},
|
|
7975
8000
|
github: {
|
|
@@ -7993,8 +8018,8 @@ function Ma({ provider: e, label: t, onPress: n, disabled: r = !1 }) {
|
|
|
7993
8018
|
justifyContent: "center",
|
|
7994
8019
|
borderRadius: a.borderRadius.lg,
|
|
7995
8020
|
borderWidth: 1,
|
|
7996
|
-
backgroundColor:
|
|
7997
|
-
borderColor:
|
|
8021
|
+
backgroundColor: c.bg,
|
|
8022
|
+
borderColor: c.border,
|
|
7998
8023
|
opacity: r ? .5 : e ? .85 : 1
|
|
7999
8024
|
}),
|
|
8000
8025
|
children: /* @__PURE__ */ w(V, {
|
|
@@ -8004,15 +8029,15 @@ function Ma({ provider: e, label: t, onPress: n, disabled: r = !1 }) {
|
|
|
8004
8029
|
gap: a.spacing.scale[2]
|
|
8005
8030
|
},
|
|
8006
8031
|
children: /* @__PURE__ */ w(z, {
|
|
8007
|
-
style: [q("label.md"), { color:
|
|
8008
|
-
children: t ??
|
|
8032
|
+
style: [q("label.md"), { color: c.fg }],
|
|
8033
|
+
children: t ?? Na[e]
|
|
8009
8034
|
})
|
|
8010
8035
|
})
|
|
8011
8036
|
});
|
|
8012
8037
|
}
|
|
8013
8038
|
//#endregion
|
|
8014
8039
|
//#region src/native/components/social-icon-data.ts
|
|
8015
|
-
var
|
|
8040
|
+
var Fa = {
|
|
8016
8041
|
x: {
|
|
8017
8042
|
color: "#000000",
|
|
8018
8043
|
letter: "X"
|
|
@@ -8040,8 +8065,8 @@ var Na = {
|
|
|
8040
8065
|
};
|
|
8041
8066
|
//#endregion
|
|
8042
8067
|
//#region src/native/components/SocialIcon.tsx
|
|
8043
|
-
function
|
|
8044
|
-
let { theme: n } = W(), r =
|
|
8068
|
+
function Ia({ brand: e, size: t = 24 }) {
|
|
8069
|
+
let { theme: n } = W(), r = Fa[e];
|
|
8045
8070
|
return /* @__PURE__ */ w(V, {
|
|
8046
8071
|
style: {
|
|
8047
8072
|
width: t,
|
|
@@ -8063,32 +8088,32 @@ function Pa({ brand: e, size: t = 24 }) {
|
|
|
8063
8088
|
}
|
|
8064
8089
|
//#endregion
|
|
8065
8090
|
//#region src/native/components/ListSkeletons.tsx
|
|
8066
|
-
function
|
|
8091
|
+
function La({ count: e = 3, variant: t = "row" }) {
|
|
8067
8092
|
let { scales: n } = W();
|
|
8068
8093
|
return /* @__PURE__ */ w(V, {
|
|
8069
8094
|
style: { gap: n.spacing.scale[3] },
|
|
8070
8095
|
children: Array.from({ length: e }).map((e, r) => t === "card" ? /* @__PURE__ */ T(V, {
|
|
8071
8096
|
style: { gap: n.spacing.scale[2] },
|
|
8072
8097
|
children: [
|
|
8073
|
-
/* @__PURE__ */ w(
|
|
8098
|
+
/* @__PURE__ */ w(Q, {
|
|
8074
8099
|
height: 140,
|
|
8075
8100
|
radius: n.borderRadius.lg
|
|
8076
8101
|
}),
|
|
8077
|
-
/* @__PURE__ */ w(
|
|
8102
|
+
/* @__PURE__ */ w(Q, {
|
|
8078
8103
|
height: 14,
|
|
8079
8104
|
width: "60%"
|
|
8080
8105
|
}),
|
|
8081
|
-
/* @__PURE__ */ w(
|
|
8106
|
+
/* @__PURE__ */ w(Q, {
|
|
8082
8107
|
height: 12,
|
|
8083
8108
|
width: "40%"
|
|
8084
8109
|
})
|
|
8085
8110
|
]
|
|
8086
8111
|
}, r) : t === "list" ? /* @__PURE__ */ T(V, {
|
|
8087
8112
|
style: { gap: 8 },
|
|
8088
|
-
children: [/* @__PURE__ */ w(
|
|
8113
|
+
children: [/* @__PURE__ */ w(Q, {
|
|
8089
8114
|
height: 14,
|
|
8090
8115
|
width: "80%"
|
|
8091
|
-
}), /* @__PURE__ */ w(
|
|
8116
|
+
}), /* @__PURE__ */ w(Q, {
|
|
8092
8117
|
height: 12,
|
|
8093
8118
|
width: "50%"
|
|
8094
8119
|
})]
|
|
@@ -8098,7 +8123,7 @@ function Fa({ count: e = 3, variant: t = "row" }) {
|
|
|
8098
8123
|
gap: n.spacing.scale[3],
|
|
8099
8124
|
alignItems: "center"
|
|
8100
8125
|
},
|
|
8101
|
-
children: [/* @__PURE__ */ w(
|
|
8126
|
+
children: [/* @__PURE__ */ w(Q, {
|
|
8102
8127
|
width: 48,
|
|
8103
8128
|
height: 48,
|
|
8104
8129
|
radius: 24
|
|
@@ -8107,10 +8132,10 @@ function Fa({ count: e = 3, variant: t = "row" }) {
|
|
|
8107
8132
|
flex: 1,
|
|
8108
8133
|
gap: 6
|
|
8109
8134
|
},
|
|
8110
|
-
children: [/* @__PURE__ */ w(
|
|
8135
|
+
children: [/* @__PURE__ */ w(Q, {
|
|
8111
8136
|
height: 14,
|
|
8112
8137
|
width: "70%"
|
|
8113
|
-
}), /* @__PURE__ */ w(
|
|
8138
|
+
}), /* @__PURE__ */ w(Q, {
|
|
8114
8139
|
height: 12,
|
|
8115
8140
|
width: "50%"
|
|
8116
8141
|
})]
|
|
@@ -8118,7 +8143,7 @@ function Fa({ count: e = 3, variant: t = "row" }) {
|
|
|
8118
8143
|
}, r))
|
|
8119
8144
|
});
|
|
8120
8145
|
}
|
|
8121
|
-
function
|
|
8146
|
+
function Ra({ rows: e = 5, hasFilter: t = !0, rowHeight: n = 56 }) {
|
|
8122
8147
|
let { scales: r } = W();
|
|
8123
8148
|
return /* @__PURE__ */ T(V, {
|
|
8124
8149
|
style: { gap: r.spacing.scale[2] },
|
|
@@ -8129,30 +8154,30 @@ function Ia({ rows: e = 5, hasFilter: t = !0, rowHeight: n = 56 }) {
|
|
|
8129
8154
|
marginBottom: r.spacing.scale[1]
|
|
8130
8155
|
},
|
|
8131
8156
|
children: [
|
|
8132
|
-
/* @__PURE__ */ w(
|
|
8157
|
+
/* @__PURE__ */ w(Q, {
|
|
8133
8158
|
width: 80,
|
|
8134
8159
|
height: 36,
|
|
8135
8160
|
radius: r.borderRadius.full
|
|
8136
8161
|
}),
|
|
8137
|
-
/* @__PURE__ */ w(
|
|
8162
|
+
/* @__PURE__ */ w(Q, {
|
|
8138
8163
|
width: 80,
|
|
8139
8164
|
height: 36,
|
|
8140
8165
|
radius: r.borderRadius.full
|
|
8141
8166
|
}),
|
|
8142
|
-
/* @__PURE__ */ w(
|
|
8167
|
+
/* @__PURE__ */ w(Q, {
|
|
8143
8168
|
width: 80,
|
|
8144
8169
|
height: 36,
|
|
8145
8170
|
radius: r.borderRadius.full
|
|
8146
8171
|
})
|
|
8147
8172
|
]
|
|
8148
|
-
}), Array.from({ length: e }).map((e, t) => /* @__PURE__ */ w(
|
|
8173
|
+
}), Array.from({ length: e }).map((e, t) => /* @__PURE__ */ w(Q, {
|
|
8149
8174
|
width: "100%",
|
|
8150
8175
|
height: n,
|
|
8151
8176
|
radius: r.borderRadius["2xl"]
|
|
8152
8177
|
}, t))]
|
|
8153
8178
|
});
|
|
8154
8179
|
}
|
|
8155
|
-
function
|
|
8180
|
+
function za({ rows: e = 3, columns: t = 2, cardHeight: n = 140 }) {
|
|
8156
8181
|
let { scales: r } = W(), i = Math.max(1, Math.min(t, 4)), a = Math.max(0, e) * i, o = r.spacing.scale[3];
|
|
8157
8182
|
return /* @__PURE__ */ w(V, {
|
|
8158
8183
|
style: {
|
|
@@ -8166,7 +8191,7 @@ function La({ rows: e = 3, columns: t = 2, cardHeight: n = 140 }) {
|
|
|
8166
8191
|
paddingHorizontal: o / 2,
|
|
8167
8192
|
marginBottom: o
|
|
8168
8193
|
},
|
|
8169
|
-
children: /* @__PURE__ */ w(
|
|
8194
|
+
children: /* @__PURE__ */ w(Q, {
|
|
8170
8195
|
width: "100%",
|
|
8171
8196
|
height: n,
|
|
8172
8197
|
radius: r.borderRadius["2xl"]
|
|
@@ -8176,7 +8201,7 @@ function La({ rows: e = 3, columns: t = 2, cardHeight: n = 140 }) {
|
|
|
8176
8201
|
}
|
|
8177
8202
|
//#endregion
|
|
8178
8203
|
//#region src/native/components/BottomTabBar.tsx
|
|
8179
|
-
function
|
|
8204
|
+
function Ba() {
|
|
8180
8205
|
let [e, t] = S(!1);
|
|
8181
8206
|
return v(() => {
|
|
8182
8207
|
let e = P.addListener("keyboardDidShow", () => t(!0)), n = P.addListener("keyboardDidHide", () => t(!1));
|
|
@@ -8185,16 +8210,16 @@ function Ra() {
|
|
|
8185
8210
|
};
|
|
8186
8211
|
}, []), e;
|
|
8187
8212
|
}
|
|
8188
|
-
function
|
|
8189
|
-
let r =
|
|
8213
|
+
function Va({ keyboardBehavior: e = "stay", keyboardLiftOffset: t = 160, ...n }) {
|
|
8214
|
+
let r = Ba();
|
|
8190
8215
|
return e === "hide" && r ? null : /* @__PURE__ */ w(V, {
|
|
8191
8216
|
style: e === "lift" && r ? { transform: [{ translateY: -t }] } : void 0,
|
|
8192
|
-
children: /* @__PURE__ */ w(
|
|
8217
|
+
children: /* @__PURE__ */ w(ui, { ...n })
|
|
8193
8218
|
});
|
|
8194
8219
|
}
|
|
8195
|
-
function
|
|
8196
|
-
let { theme: _, scales: v } = W(), y =
|
|
8197
|
-
if (i === "hide" && y ||
|
|
8220
|
+
function Ha({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavior: i = "hide", keyboardLiftOffset: a = 160, hiddenRouteNames: o = [], floating: s = !0, glass: c = !0, glassIntensity: l = "regular", glassTint: u = "system", showLabels: d = !0, iconSize: f = 24, style: p, contentStyle: m, itemStyle: h, labelStyle: g }) {
|
|
8221
|
+
let { theme: _, scales: v } = W(), y = Ba(), b = e.routes[e.index], x = b ? t[b.key]?.options : void 0, S = r?.bottom ?? 0;
|
|
8222
|
+
if (i === "hide" && y || Ga(x?.tabBarStyle)) return null;
|
|
8198
8223
|
let C = e.routes.filter((e) => {
|
|
8199
8224
|
let n = t[e.key]?.options;
|
|
8200
8225
|
return !o.includes(e.name) && n?.href !== null && n?.tabBarButton !== null;
|
|
@@ -8224,7 +8249,7 @@ function Ba({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8224
8249
|
return /* @__PURE__ */ T(L, {
|
|
8225
8250
|
accessibilityRole: "button",
|
|
8226
8251
|
accessibilityState: { selected: a },
|
|
8227
|
-
accessibilityLabel: o.tabBarAccessibilityLabel ??
|
|
8252
|
+
accessibilityLabel: o.tabBarAccessibilityLabel ?? Wa(r, o),
|
|
8228
8253
|
testID: o.tabBarButtonTestID,
|
|
8229
8254
|
onPress: () => {
|
|
8230
8255
|
let e = n.emit?.({
|
|
@@ -8286,7 +8311,7 @@ function Ba({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8286
8311
|
},
|
|
8287
8312
|
g
|
|
8288
8313
|
],
|
|
8289
|
-
children:
|
|
8314
|
+
children: Wa(r, o)
|
|
8290
8315
|
})]
|
|
8291
8316
|
}, r.key);
|
|
8292
8317
|
})
|
|
@@ -8294,7 +8319,7 @@ function Ba({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8294
8319
|
return /* @__PURE__ */ w(V, {
|
|
8295
8320
|
pointerEvents: "box-none",
|
|
8296
8321
|
style: [D, p],
|
|
8297
|
-
children: c ? /* @__PURE__ */ w(
|
|
8322
|
+
children: c ? /* @__PURE__ */ w(X, {
|
|
8298
8323
|
intensity: l,
|
|
8299
8324
|
tint: u,
|
|
8300
8325
|
borderRadius: s ? v.borderRadius.full : v.borderRadius.none,
|
|
@@ -8311,23 +8336,23 @@ function Ba({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8311
8336
|
})
|
|
8312
8337
|
});
|
|
8313
8338
|
}
|
|
8314
|
-
function
|
|
8339
|
+
function Ua(e = {}) {
|
|
8315
8340
|
return function(t) {
|
|
8316
|
-
return /* @__PURE__ */ w(
|
|
8341
|
+
return /* @__PURE__ */ w(Ha, {
|
|
8317
8342
|
...t,
|
|
8318
8343
|
...e
|
|
8319
8344
|
});
|
|
8320
8345
|
};
|
|
8321
8346
|
}
|
|
8322
|
-
function
|
|
8347
|
+
function Wa(e, t) {
|
|
8323
8348
|
return typeof t.tabBarLabel == "string" ? t.tabBarLabel : typeof t.title == "string" ? t.title : e.name;
|
|
8324
8349
|
}
|
|
8325
|
-
function
|
|
8326
|
-
return e ? Array.isArray(e) ? e.some(
|
|
8350
|
+
function Ga(e) {
|
|
8351
|
+
return e ? Array.isArray(e) ? e.some(Ga) : typeof e == "object" && "display" in e ? e.display === "none" : !1 : !1;
|
|
8327
8352
|
}
|
|
8328
8353
|
//#endregion
|
|
8329
8354
|
//#region src/native/components/FilterBar.tsx
|
|
8330
|
-
function
|
|
8355
|
+
function Ka({ filters: e, sortLabel: t = "並べ替え", onPressSort: n }) {
|
|
8331
8356
|
let { theme: r, scales: i } = W();
|
|
8332
8357
|
return /* @__PURE__ */ T(V, {
|
|
8333
8358
|
style: {
|
|
@@ -8387,7 +8412,7 @@ function Wa({ filters: e, sortLabel: t = "並べ替え", onPressSort: n }) {
|
|
|
8387
8412
|
}
|
|
8388
8413
|
//#endregion
|
|
8389
8414
|
//#region src/native/components/ImageCarousel.tsx
|
|
8390
|
-
function
|
|
8415
|
+
function qa({ images: e, height: t = 280, showCounter: n = !0, showDots: r = !0 }) {
|
|
8391
8416
|
let { theme: i, scales: a } = W(), [o, s] = S(0), c = k.get("window").width;
|
|
8392
8417
|
return /* @__PURE__ */ T(V, { children: [
|
|
8393
8418
|
/* @__PURE__ */ w(j, {
|
|
@@ -8457,10 +8482,10 @@ function Ga({ images: e, height: t = 280, showCounter: n = !0, showDots: r = !0
|
|
|
8457
8482
|
}
|
|
8458
8483
|
//#endregion
|
|
8459
8484
|
//#region src/native/components/PriceDisplay.tsx
|
|
8460
|
-
function
|
|
8485
|
+
function Ja(e, t = "¥") {
|
|
8461
8486
|
return `${t}${e.toLocaleString("ja-JP")}`;
|
|
8462
8487
|
}
|
|
8463
|
-
function
|
|
8488
|
+
function Ya({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", showTax: i = !0 }) {
|
|
8464
8489
|
let { theme: a, scales: o } = W(), s = typeof t == "number" && t > e, c = s ? Math.round((1 - e / t) * 100) : 0, l = q(r === "lg" ? "heading.2xl" : r === "sm" ? "label.md" : "heading.lg");
|
|
8465
8490
|
return /* @__PURE__ */ T(V, {
|
|
8466
8491
|
style: { gap: 2 },
|
|
@@ -8481,7 +8506,7 @@ function qa({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", sh
|
|
|
8481
8506
|
}),
|
|
8482
8507
|
/* @__PURE__ */ w(z, {
|
|
8483
8508
|
style: [l, { color: a.text["high-emphasis"] }],
|
|
8484
|
-
children:
|
|
8509
|
+
children: Ja(e, n)
|
|
8485
8510
|
}),
|
|
8486
8511
|
i && /* @__PURE__ */ w(z, {
|
|
8487
8512
|
style: [q("body.sm"), { color: a.text["low-emphasis"] }],
|
|
@@ -8493,13 +8518,13 @@ function qa({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", sh
|
|
|
8493
8518
|
color: a.text["low-emphasis"],
|
|
8494
8519
|
textDecorationLine: "line-through"
|
|
8495
8520
|
}],
|
|
8496
|
-
children:
|
|
8521
|
+
children: Ja(t, n)
|
|
8497
8522
|
})]
|
|
8498
8523
|
});
|
|
8499
8524
|
}
|
|
8500
8525
|
//#endregion
|
|
8501
8526
|
//#region src/native/components/QuantitySelector.tsx
|
|
8502
|
-
function
|
|
8527
|
+
function Xa({ min: e = 1, ...t }) {
|
|
8503
8528
|
return /* @__PURE__ */ w(hn, {
|
|
8504
8529
|
min: e,
|
|
8505
8530
|
...t
|
|
@@ -8507,7 +8532,7 @@ function Ja({ min: e = 1, ...t }) {
|
|
|
8507
8532
|
}
|
|
8508
8533
|
//#endregion
|
|
8509
8534
|
//#region src/native/components/RatingDisplay.tsx
|
|
8510
|
-
function
|
|
8535
|
+
function Za({ rating: e, count: t, size: n = 12, layout: r = "row" }) {
|
|
8511
8536
|
let { theme: i, scales: a } = W();
|
|
8512
8537
|
return /* @__PURE__ */ T(V, {
|
|
8513
8538
|
style: {
|
|
@@ -8541,7 +8566,7 @@ function Ya({ rating: e, count: t, size: n = 12, layout: r = "row" }) {
|
|
|
8541
8566
|
}
|
|
8542
8567
|
//#endregion
|
|
8543
8568
|
//#region src/native/components/ProductCard.tsx
|
|
8544
|
-
function
|
|
8569
|
+
function Qa({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewCount: a, badge: o, soldOut: s, onPress: c, layout: l = "vertical" }) {
|
|
8545
8570
|
let { theme: u, scales: d } = W(), f = l === "horizontal", p = f ? 96 : "100%", m = f ? 96 : 160, h = (c = !1) => /* @__PURE__ */ T(V, {
|
|
8546
8571
|
style: {
|
|
8547
8572
|
flexDirection: f ? "row" : "column",
|
|
@@ -8610,12 +8635,12 @@ function Xa({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewC
|
|
|
8610
8635
|
style: [q("body.md"), { color: u.text["high-emphasis"] }],
|
|
8611
8636
|
children: t
|
|
8612
8637
|
}),
|
|
8613
|
-
i !== void 0 && /* @__PURE__ */ w(
|
|
8638
|
+
i !== void 0 && /* @__PURE__ */ w(Za, {
|
|
8614
8639
|
rating: i,
|
|
8615
8640
|
count: a,
|
|
8616
8641
|
size: 14
|
|
8617
8642
|
}),
|
|
8618
|
-
/* @__PURE__ */ w(
|
|
8643
|
+
/* @__PURE__ */ w(Ya, {
|
|
8619
8644
|
price: n,
|
|
8620
8645
|
originalPrice: r,
|
|
8621
8646
|
size: "sm"
|
|
@@ -8631,9 +8656,9 @@ function Xa({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewC
|
|
|
8631
8656
|
}
|
|
8632
8657
|
//#endregion
|
|
8633
8658
|
//#region src/native/components/ProductCarousel.tsx
|
|
8634
|
-
function
|
|
8659
|
+
function $a({ title: e, action: t, products: n, cardWidth: r = 160 }) {
|
|
8635
8660
|
let { scales: i } = W();
|
|
8636
|
-
return /* @__PURE__ */ T(V, { children: [e && /* @__PURE__ */ w(
|
|
8661
|
+
return /* @__PURE__ */ T(V, { children: [e && /* @__PURE__ */ w(Bi, {
|
|
8637
8662
|
title: e,
|
|
8638
8663
|
action: t
|
|
8639
8664
|
}), /* @__PURE__ */ w(j, {
|
|
@@ -8648,16 +8673,16 @@ function Za({ title: e, action: t, products: n, cardWidth: r = 160 }) {
|
|
|
8648
8673
|
},
|
|
8649
8674
|
renderItem: ({ item: e }) => /* @__PURE__ */ w(V, {
|
|
8650
8675
|
style: { width: r },
|
|
8651
|
-
children: /* @__PURE__ */ w(
|
|
8676
|
+
children: /* @__PURE__ */ w(Qa, { ...e })
|
|
8652
8677
|
})
|
|
8653
8678
|
})] });
|
|
8654
8679
|
}
|
|
8655
8680
|
//#endregion
|
|
8656
8681
|
//#region src/native/components/OrderSummary.tsx
|
|
8657
|
-
function
|
|
8682
|
+
function eo(e, t) {
|
|
8658
8683
|
return `${t}${e.toLocaleString("ja-JP")}`;
|
|
8659
8684
|
}
|
|
8660
|
-
function
|
|
8685
|
+
function to({ lines: e, currency: t = "¥" }) {
|
|
8661
8686
|
let { theme: n, scales: r } = W();
|
|
8662
8687
|
return /* @__PURE__ */ w(V, {
|
|
8663
8688
|
style: {
|
|
@@ -8680,7 +8705,7 @@ function $a({ lines: e, currency: t = "¥" }) {
|
|
|
8680
8705
|
children: e.label
|
|
8681
8706
|
}), /* @__PURE__ */ T(z, {
|
|
8682
8707
|
style: [c, { color: o }],
|
|
8683
|
-
children: [a && e.value > 0 ? "-" : "",
|
|
8708
|
+
children: [a && e.value > 0 ? "-" : "", eo(e.value, t)]
|
|
8684
8709
|
})]
|
|
8685
8710
|
})] }, r);
|
|
8686
8711
|
})
|
|
@@ -8688,7 +8713,7 @@ function $a({ lines: e, currency: t = "¥" }) {
|
|
|
8688
8713
|
}
|
|
8689
8714
|
//#endregion
|
|
8690
8715
|
//#region src/native/components/ReviewCard.tsx
|
|
8691
|
-
function
|
|
8716
|
+
function no({ authorName: e, authorAvatar: t, rating: n, date: r, title: i, comment: a, helpfulCount: o }) {
|
|
8692
8717
|
let { theme: s, scales: c } = W();
|
|
8693
8718
|
return /* @__PURE__ */ T(V, {
|
|
8694
8719
|
style: {
|
|
@@ -8746,7 +8771,7 @@ function eo({ authorName: e, authorAvatar: t, rating: n, date: r, title: i, comm
|
|
|
8746
8771
|
}
|
|
8747
8772
|
//#endregion
|
|
8748
8773
|
//#region src/native/components/ReviewSummary.tsx
|
|
8749
|
-
function
|
|
8774
|
+
function ro({ average: e, total: t, distribution: n }) {
|
|
8750
8775
|
let { theme: r, scales: i } = W();
|
|
8751
8776
|
return /* @__PURE__ */ T(V, {
|
|
8752
8777
|
style: {
|
|
@@ -8836,7 +8861,7 @@ function to({ average: e, total: t, distribution: n }) {
|
|
|
8836
8861
|
}
|
|
8837
8862
|
//#endregion
|
|
8838
8863
|
//#region src/native/components/AppShell.tsx
|
|
8839
|
-
function
|
|
8864
|
+
function io({ header: e, footer: t, bottomNav: n, scrollable: r = !0, children: i }) {
|
|
8840
8865
|
let { theme: a } = W(), o = w(r ? R : V, {
|
|
8841
8866
|
style: {
|
|
8842
8867
|
flex: 1,
|
|
@@ -8859,7 +8884,7 @@ function no({ header: e, footer: t, bottomNav: n, scrollable: r = !0, children:
|
|
|
8859
8884
|
}
|
|
8860
8885
|
//#endregion
|
|
8861
8886
|
//#region src/native/components/MarketingShell.tsx
|
|
8862
|
-
function
|
|
8887
|
+
function ao({ header: e, footer: t, cta: n, children: r }) {
|
|
8863
8888
|
let { theme: i } = W();
|
|
8864
8889
|
return /* @__PURE__ */ T(V, {
|
|
8865
8890
|
style: {
|
|
@@ -8886,4 +8911,4 @@ function ro({ header: e, footer: t, cta: n, children: r }) {
|
|
|
8886
8911
|
});
|
|
8887
8912
|
}
|
|
8888
8913
|
//#endregion
|
|
8889
|
-
export {
|
|
8914
|
+
export { se as APP_HEADER_IOS_FALLBACK_PADDING_TOP, r as AUTO_PROMPT_SUPPRESSION_EVENT, ii as Accordion, ha as ActionTile, bn as Alert, wn as AlertDialog, pi as AppHeader, io as AppShell, $t as AutoGrowTextarea, a as AutoPrompt, He as Avatar, Fe as Badge, ki as Banner, Ai as BannerCarousel, sr as BottomSheetForm, cr as BottomSheetFrame, Va as BottomTabBar, fi as Breadcrumb, Z as Button, Wr as Calendar, Ne as Card, Pe as CardHeader, wa as CategoryNav, Ta as CategoryScroll, Lt as Celebration, Ht as CelebrationDialog, cn as Checkbox, un as CheckboxCard, ln as CheckboxField, dn as CheckboxGroup, Ge as Chip, Ca as ChipFilterBar, va as ChipSelector, ur as CoachMark, dr as CoachMarkOverlay, ai as Collapsible, xa as CollapsibleChipField, pr as Combobox, on as CommitAutoGrowTextarea, rn as CommitInput, an as CommitTextarea, ca as CompactFilePicker, or as ConfirmDialog, Kt as CountdownHero, yt as CountdownTimer, Yr as DateField, Kr as DatePicker, $r as DateTimePicker, Vn as DetailSheetBody, Bn as DetailSheetHeader, zn as DetailSheetScaffold, xn as Dialog, Ji as DocumentScreen, hr as DropdownFilter, Gn as DropdownMenu, Fi as EmptyState, rr as ErrorBoundary, Ii as ErrorState, Wi as FileUpload, Ka as FilterBar, ka as FilterChip, Be as FloatingTabBar, Ui as Footer, yn as FormActions, gn as FormField, _n as FormRoot, vn as FormSection, X as GlassView, Le as GradientSurface, za as GridSkeleton, zi as IconBadge, Tr as IconButton, la as ImageAttachmentPicker, qa as ImageCarousel, Ma as ImageGallery, Yt as Input, Hn as KeyboardAwareSheetFooter, qt as Label, Ha as LiquidBottomTabBar, Mi as ListItem, Ra as ListSkeleton, La as ListSkeletons, ao as MarketingShell, oa as MediaActionCluster, ar as MenuDrawer, mi as MobileAppHeader, hi as MobileAppShell, Ei as MobileFloatingActionButton, mr as MultiSelect, ui as NavigationBar, ht as NotificationBadge, hn as NumberInput, to as OrderSummary, ci as Pagination, na as PhotoHero, gr as PillToggle, Wn as Popover, ja as PresenceIndicator, Ya as PriceDisplay, Qa as ProductCard, $a as ProductCarousel, tt as Progress, dt as ProgressRing, Ea as ProgressSteps, n as PromptCoordinatorProvider, qi as Prose, Xa as QuantitySelector, ga as QuickActionGrid, fn as Radio, pn as RadioGroup, Za as RatingDisplay, Un as ResponsiveDialog, no as ReviewCard, lr as ReviewOverlay, ro as ReviewSummary, s as SEMANTIC_ICONS, oe as SafeAreaInsetsProvider, Ki as Screen, Cn as Scrim, oi as ScrollArea, ji as SearchBar, Bi as SectionHeader, fr as Select, ua as SemanticIcon, Je as Separator, Pi as SettingsListRow, Ni as SettingsSection, Oa as ShareButtons, jn as Sheet, li as SimplePagination, Q as Skeleton, Ye as SkeletonText, mn as Slider, Ia as SocialIcon, Pa as SocialLoginButton, qe as Spinner, Ie as Stack, mt as StarRating, gt as StatCard, Di as StatusActionBadge, Vi as StickyActionBar, di as SubNav, Hi as SwipeRow, sn as Switch, _t as SyncStatusBadge, Oi as SyncStatusButton, yr as Tabs, Sr as TabsContent, br as TabsList, xr as TabsTrigger, Ke as Tag, Da as TagInput, Y as Text, Zt as Textarea, ie as ThemeProvider, Zr as TimePicker, er as ToastProvider, Ua as createExpoRouterTabBar, f as getTheme, ce as hasInsetEdge, e as isAutoPromptSuppressed, Oe as isNativeLiquidGlassAvailable, d as primitives, le as resolveAppHeaderPaddingTop, de as resolveBottomSheetTopInset, fe as resolveFullscreenDialogPadding, K as resolveInsetEdge, pe as resolveScrimAlignment, J as resolveScrimContentStyle, ue as resolveTopSheetPaddingTop, q as resolveTypo, l as scales, i as suppressAutoPrompts, u as themeNames, c as themes, $n as toast, o as usePromptCoordinator, t as usePromptSlot, G as useSafeAreaInsets, W as useTheme, qn as useToast };
|