ksk-design-system 2.6.2 → 2.6.3
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/contracts/components.json +6 -2
- package/contracts/consumer-requests.json +15 -0
- package/contracts/token-hex-cache.json +1 -1
- package/dist/index.js +18 -5
- package/dist/native/ui.js +451 -411
- package/dist/types/components/patterns/filter-pill.d.ts +2 -0
- package/dist/types/components/patterns/settings-section.d.ts +1 -0
- package/dist/types/native/components/ListItem.d.ts +11 -1
- package/dist/types/native/components/Radio.d.ts +13 -0
- package/dist/types/native/components/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/COMPONENT_LOOKUP.md +1 -1
- package/src/native/COMPONENT_LOOKUP.md +2 -1
- package/src/styles/glass.css +6 -24
- package/src/styles/source-safelist.css +2 -0
package/dist/native/ui.js
CHANGED
|
@@ -2552,8 +2552,53 @@ function ln({ options: e, values: t = [], onChange: n, disabled: r = !1 }) {
|
|
|
2552
2552
|
});
|
|
2553
2553
|
}
|
|
2554
2554
|
//#endregion
|
|
2555
|
+
//#region src/native/components/Radio.tsx
|
|
2556
|
+
function un({ selected: e = !1, onChange: t, disabled: n = !1, size: r = 20, decorative: i = !1, accessibilityRole: a, accessibilityState: o, ...s }) {
|
|
2557
|
+
let { theme: c, scales: l } = W(), u = /* @__PURE__ */ C(U, {
|
|
2558
|
+
style: {
|
|
2559
|
+
width: r,
|
|
2560
|
+
height: r,
|
|
2561
|
+
borderRadius: r / 2,
|
|
2562
|
+
borderWidth: 2,
|
|
2563
|
+
borderColor: e ? c.brand.primary : c.border["medium-emphasis"],
|
|
2564
|
+
alignItems: "center",
|
|
2565
|
+
justifyContent: "center",
|
|
2566
|
+
opacity: n ? .4 : 1
|
|
2567
|
+
},
|
|
2568
|
+
children: e && /* @__PURE__ */ C(U, { style: {
|
|
2569
|
+
width: r / 2,
|
|
2570
|
+
height: r / 2,
|
|
2571
|
+
borderRadius: r / 4,
|
|
2572
|
+
backgroundColor: c.brand.primary
|
|
2573
|
+
} })
|
|
2574
|
+
});
|
|
2575
|
+
return i ? /* @__PURE__ */ C(U, {
|
|
2576
|
+
pointerEvents: "none",
|
|
2577
|
+
accessible: !1,
|
|
2578
|
+
accessibilityElementsHidden: !0,
|
|
2579
|
+
importantForAccessibility: "no-hide-descendants",
|
|
2580
|
+
"aria-hidden": !0,
|
|
2581
|
+
children: u
|
|
2582
|
+
}) : /* @__PURE__ */ C(R, {
|
|
2583
|
+
...s,
|
|
2584
|
+
onPress: () => !n && t?.(!0),
|
|
2585
|
+
disabled: n,
|
|
2586
|
+
hitSlop: Math.max(0, (l.touchTargets.buttonCTA.min - r) / 2),
|
|
2587
|
+
accessibilityRole: a ?? "radio",
|
|
2588
|
+
accessibilityState: {
|
|
2589
|
+
selected: e,
|
|
2590
|
+
checked: e,
|
|
2591
|
+
disabled: n,
|
|
2592
|
+
...o
|
|
2593
|
+
},
|
|
2594
|
+
"aria-checked": o?.checked ?? e,
|
|
2595
|
+
"aria-disabled": o?.disabled ?? n,
|
|
2596
|
+
children: u
|
|
2597
|
+
});
|
|
2598
|
+
}
|
|
2599
|
+
//#endregion
|
|
2555
2600
|
//#region src/native/components/RadioGroup.tsx
|
|
2556
|
-
function
|
|
2601
|
+
function dn({ options: e, value: t, onChange: n, disabled: r = !1 }) {
|
|
2557
2602
|
let { theme: i, scales: a } = W();
|
|
2558
2603
|
return /* @__PURE__ */ C(U, {
|
|
2559
2604
|
style: { gap: a.spacing.scale[1] },
|
|
@@ -2577,26 +2622,11 @@ function un({ options: e, value: t, onChange: n, disabled: r = !1 }) {
|
|
|
2577
2622
|
"aria-checked": o,
|
|
2578
2623
|
"aria-disabled": s || void 0,
|
|
2579
2624
|
children: [/* @__PURE__ */ C(U, {
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
width: 20,
|
|
2586
|
-
height: 20,
|
|
2587
|
-
borderRadius: 10,
|
|
2588
|
-
borderWidth: 2,
|
|
2589
|
-
borderColor: o ? i.brand.primary : i.border["medium-emphasis"],
|
|
2590
|
-
alignItems: "center",
|
|
2591
|
-
justifyContent: "center",
|
|
2592
|
-
marginTop: e.description ? 2 : 0
|
|
2593
|
-
},
|
|
2594
|
-
children: o && /* @__PURE__ */ C(U, { style: {
|
|
2595
|
-
width: 10,
|
|
2596
|
-
height: 10,
|
|
2597
|
-
borderRadius: 5,
|
|
2598
|
-
backgroundColor: i.brand.primary
|
|
2599
|
-
} })
|
|
2625
|
+
style: { marginTop: e.description ? 2 : 0 },
|
|
2626
|
+
children: /* @__PURE__ */ C(un, {
|
|
2627
|
+
selected: o,
|
|
2628
|
+
decorative: !0
|
|
2629
|
+
})
|
|
2600
2630
|
}), /* @__PURE__ */ w(U, {
|
|
2601
2631
|
style: {
|
|
2602
2632
|
flex: 1,
|
|
@@ -2616,7 +2646,7 @@ function un({ options: e, value: t, onChange: n, disabled: r = !1 }) {
|
|
|
2616
2646
|
}
|
|
2617
2647
|
//#endregion
|
|
2618
2648
|
//#region src/native/components/Slider.tsx
|
|
2619
|
-
function
|
|
2649
|
+
function fn({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1 }) {
|
|
2620
2650
|
let { theme: o, scales: s } = W(), [c, l] = x(0), u = (e) => Math.max(n, Math.min(r, e)), d = (e) => i ? Math.round(e / i) * i : e, f = (e) => {
|
|
2621
2651
|
if (!c) return;
|
|
2622
2652
|
let i = Math.max(0, Math.min(1, e / c)), a = u(d(n + (r - n) * i));
|
|
@@ -2664,7 +2694,7 @@ function dn({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disa
|
|
|
2664
2694
|
}
|
|
2665
2695
|
//#endregion
|
|
2666
2696
|
//#region src/native/components/NumberInput.tsx
|
|
2667
|
-
function
|
|
2697
|
+
function pn({ value: e = 0, onChange: t, min: n = 0, max: r = 99, step: i = 1, disabled: a = !1 }) {
|
|
2668
2698
|
let { theme: o, scales: s } = W(), c = (e) => Math.max(n, Math.min(r, e));
|
|
2669
2699
|
return /* @__PURE__ */ w(U, {
|
|
2670
2700
|
style: {
|
|
@@ -2732,7 +2762,7 @@ function fn({ value: e = 0, onChange: t, min: n = 0, max: r = 99, step: i = 1, d
|
|
|
2732
2762
|
}
|
|
2733
2763
|
//#endregion
|
|
2734
2764
|
//#region src/native/components/FormField.tsx
|
|
2735
|
-
function
|
|
2765
|
+
function mn({ label: e, required: t, description: n, error: r, children: i }) {
|
|
2736
2766
|
let { theme: a, scales: o } = W();
|
|
2737
2767
|
return /* @__PURE__ */ w(U, {
|
|
2738
2768
|
style: { gap: o.spacing.scale[2] },
|
|
@@ -2755,7 +2785,7 @@ function pn({ label: e, required: t, description: n, error: r, children: i }) {
|
|
|
2755
2785
|
}
|
|
2756
2786
|
//#endregion
|
|
2757
2787
|
//#region src/native/components/Form.tsx
|
|
2758
|
-
function
|
|
2788
|
+
function hn({ style: e, children: t, ...n }) {
|
|
2759
2789
|
let { scales: r } = W();
|
|
2760
2790
|
return /* @__PURE__ */ C(U, {
|
|
2761
2791
|
style: [{ gap: r.spacing.scale[6] }, e],
|
|
@@ -2763,7 +2793,7 @@ function mn({ style: e, children: t, ...n }) {
|
|
|
2763
2793
|
children: t
|
|
2764
2794
|
});
|
|
2765
2795
|
}
|
|
2766
|
-
function
|
|
2796
|
+
function gn({ title: e, description: t, style: n, children: r, ...i }) {
|
|
2767
2797
|
let { theme: a, scales: o } = W();
|
|
2768
2798
|
return /* @__PURE__ */ w(U, {
|
|
2769
2799
|
style: [{ gap: o.spacing.scale[4] }, n],
|
|
@@ -2781,7 +2811,7 @@ function hn({ title: e, description: t, style: n, children: r, ...i }) {
|
|
|
2781
2811
|
}), r]
|
|
2782
2812
|
});
|
|
2783
2813
|
}
|
|
2784
|
-
function
|
|
2814
|
+
function _n({ style: e, children: t, ...n }) {
|
|
2785
2815
|
let { scales: r } = W();
|
|
2786
2816
|
return /* @__PURE__ */ C(Pe, {
|
|
2787
2817
|
direction: "row",
|
|
@@ -2795,7 +2825,7 @@ function gn({ style: e, children: t, ...n }) {
|
|
|
2795
2825
|
}
|
|
2796
2826
|
//#endregion
|
|
2797
2827
|
//#region src/native/components/Alert.tsx
|
|
2798
|
-
function
|
|
2828
|
+
function vn({ tone: e = "info", title: t, description: n, children: r }) {
|
|
2799
2829
|
let { theme: i, scales: a } = W(), o = {
|
|
2800
2830
|
info: {
|
|
2801
2831
|
bg: i.surface.info,
|
|
@@ -2842,7 +2872,7 @@ function _n({ tone: e = "info", title: t, description: n, children: r }) {
|
|
|
2842
2872
|
}
|
|
2843
2873
|
//#endregion
|
|
2844
2874
|
//#region src/native/components/Dialog.tsx
|
|
2845
|
-
function
|
|
2875
|
+
function yn({ open: e, onClose: t, title: n, description: r, footer: i, children: a, dismissOnBackdrop: o = !0, position: s = "center", safeArea: c = !0 }) {
|
|
2846
2876
|
let { theme: l, scales: u, mode: d } = W(), f = ne(), p = s === "fullscreen", m = se(u.spacing.scale[5], f, c);
|
|
2847
2877
|
return /* @__PURE__ */ C(F, {
|
|
2848
2878
|
visible: e,
|
|
@@ -2902,18 +2932,18 @@ function vn({ open: e, onClose: t, title: n, description: r, footer: i, children
|
|
|
2902
2932
|
}
|
|
2903
2933
|
//#endregion
|
|
2904
2934
|
//#region src/native/components/Scrim.tsx
|
|
2905
|
-
var
|
|
2935
|
+
var bn = {
|
|
2906
2936
|
position: "absolute",
|
|
2907
2937
|
left: 0,
|
|
2908
2938
|
right: 0,
|
|
2909
2939
|
top: 0,
|
|
2910
2940
|
bottom: 0
|
|
2911
2941
|
};
|
|
2912
|
-
function
|
|
2942
|
+
function xn({ onPress: e, accessibilityLabel: t, children: n, align: r = "center", style: i, testID: a }) {
|
|
2913
2943
|
let { theme: o } = W(), s = ce(r), c = le(r);
|
|
2914
2944
|
return /* @__PURE__ */ w(U, {
|
|
2915
2945
|
style: [{
|
|
2916
|
-
...
|
|
2946
|
+
...bn,
|
|
2917
2947
|
backgroundColor: o.overlay.dark,
|
|
2918
2948
|
...s
|
|
2919
2949
|
}, i],
|
|
@@ -2922,7 +2952,7 @@ function bn({ onPress: e, accessibilityLabel: t, children: n, align: r = "center
|
|
|
2922
2952
|
onPress: e,
|
|
2923
2953
|
accessibilityRole: "button",
|
|
2924
2954
|
accessibilityLabel: t ?? "閉じる",
|
|
2925
|
-
style:
|
|
2955
|
+
style: bn,
|
|
2926
2956
|
testID: a ? `${a}-backdrop` : void 0
|
|
2927
2957
|
}) : null, n ? /* @__PURE__ */ C(U, {
|
|
2928
2958
|
style: c,
|
|
@@ -2933,8 +2963,8 @@ function bn({ onPress: e, accessibilityLabel: t, children: n, align: r = "center
|
|
|
2933
2963
|
}
|
|
2934
2964
|
//#endregion
|
|
2935
2965
|
//#region src/native/components/AlertDialog.tsx
|
|
2936
|
-
function
|
|
2937
|
-
return /* @__PURE__ */ C(
|
|
2966
|
+
function Sn({ open: e, onClose: t, title: n, description: r, confirmLabel: i = "OK", cancelLabel: a = "キャンセル", onConfirm: o, destructive: s = !1 }) {
|
|
2967
|
+
return /* @__PURE__ */ C(yn, {
|
|
2938
2968
|
open: e,
|
|
2939
2969
|
onClose: t,
|
|
2940
2970
|
title: n,
|
|
@@ -2959,10 +2989,10 @@ function xn({ open: e, onClose: t, title: n, description: r, confirmLabel: i = "
|
|
|
2959
2989
|
})] })
|
|
2960
2990
|
});
|
|
2961
2991
|
}
|
|
2962
|
-
function
|
|
2992
|
+
function Cn(e, t) {
|
|
2963
2993
|
return t.animating || Math.abs(e) < 6 ? !1 : t.active === t.maxSnap ? e > 0 && t.scrollTop <= 0 : !0;
|
|
2964
2994
|
}
|
|
2965
|
-
function
|
|
2995
|
+
function wn(e, t, n) {
|
|
2966
2996
|
let r = e + t;
|
|
2967
2997
|
if (r < 0) return Math.max(-4, r / 4);
|
|
2968
2998
|
let i = n.dismissible ? n.panelH : (n.maxSnap - n.minSnap) * n.H;
|
|
@@ -2972,7 +3002,7 @@ function Cn(e, t, n) {
|
|
|
2972
3002
|
}
|
|
2973
3003
|
return r;
|
|
2974
3004
|
}
|
|
2975
|
-
function
|
|
3005
|
+
function Tn(e, t, n, r) {
|
|
2976
3006
|
let { points: i, minSnap: a, maxSnap: o, panelH: s, H: c, dismissible: l } = r;
|
|
2977
3007
|
if (n === o && t < 0) return {
|
|
2978
3008
|
kind: "snap",
|
|
@@ -3008,16 +3038,16 @@ function wn(e, t, n, r) {
|
|
|
3008
3038
|
}
|
|
3009
3039
|
//#endregion
|
|
3010
3040
|
//#region src/native/components/Sheet.tsx
|
|
3011
|
-
var
|
|
3041
|
+
var En = 800;
|
|
3012
3042
|
function $(e) {
|
|
3013
3043
|
let { side: t = "bottom", snapPoints: n } = e;
|
|
3014
|
-
return n && n.length > 0 && t === "bottom" ? /* @__PURE__ */ C(
|
|
3044
|
+
return n && n.length > 0 && t === "bottom" ? /* @__PURE__ */ C(Nn, { ...e }) : /* @__PURE__ */ C(kn, { ...e });
|
|
3015
3045
|
}
|
|
3016
|
-
var
|
|
3017
|
-
function
|
|
3046
|
+
var Dn = 220, On = 340;
|
|
3047
|
+
function kn({ open: e, onClose: t, side: n = "bottom", title: r, children: i, safeArea: a = !0, surfaceColor: o }) {
|
|
3018
3048
|
let { theme: s, scales: c } = W(), l = ne(), [u] = x(() => new D.Value(0)), d = b(e), [f] = x(() => yt({
|
|
3019
|
-
animationFallbackDelay:
|
|
3020
|
-
showFallbackDelay:
|
|
3049
|
+
animationFallbackDelay: On,
|
|
3050
|
+
showFallbackDelay: En
|
|
3021
3051
|
})), p = h(() => {
|
|
3022
3052
|
d.current && (u.stopAnimation(), u.setValue(1));
|
|
3023
3053
|
}, [u]);
|
|
@@ -3033,7 +3063,7 @@ function On({ open: e, onClose: t, side: n = "bottom", title: r, children: i, sa
|
|
|
3033
3063
|
f.onModalShow((e) => {
|
|
3034
3064
|
u.stopAnimation(), u.setValue(0), D.timing(u, {
|
|
3035
3065
|
toValue: 1,
|
|
3036
|
-
duration:
|
|
3066
|
+
duration: Dn,
|
|
3037
3067
|
useNativeDriver: !0
|
|
3038
3068
|
}).start(({ finished: t }) => e(t));
|
|
3039
3069
|
}, p);
|
|
@@ -3114,15 +3144,15 @@ function On({ open: e, onClose: t, side: n = "bottom", title: r, children: i, sa
|
|
|
3114
3144
|
})
|
|
3115
3145
|
});
|
|
3116
3146
|
}
|
|
3117
|
-
var
|
|
3118
|
-
function
|
|
3147
|
+
var An = 180, jn = 300;
|
|
3148
|
+
function Mn(e, t, n) {
|
|
3119
3149
|
return Math.max(t, Math.min(n, e));
|
|
3120
3150
|
}
|
|
3121
|
-
function
|
|
3151
|
+
function Nn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initialSnap: a, footer: o, dismissible: s = !0, safeArea: c = !0, surfaceColor: l }) {
|
|
3122
3152
|
let { theme: u, scales: d } = W(), f = ne(), p = y(() => {
|
|
3123
|
-
let e = [...i ?? [.55, .92]].map((e) =>
|
|
3153
|
+
let e = [...i ?? [.55, .92]].map((e) => Mn(e, .1, .99)).sort((e, t) => e - t);
|
|
3124
3154
|
return e.length > 0 ? e : [.55, .92];
|
|
3125
|
-
}, [i]), m = p[0], g = p[p.length - 1], v = O.get("window").height, S = typeof globalThis < "u" && globalThis.window?.innerHeight, T = v > 0 ? v : S && S > 0 ? S : 700, E = Math.round(T * g), A = oe(f, c, T, E), [j, M] = x(0), N =
|
|
3155
|
+
}, [i]), m = p[0], g = p[p.length - 1], v = O.get("window").height, S = typeof globalThis < "u" && globalThis.window?.innerHeight, T = v > 0 ? v : S && S > 0 ? S : 700, E = Math.round(T * g), A = oe(f, c, T, E), [j, M] = x(0), N = Mn(a ?? m, m, g), P = (g - N) * T, L = b(N), [B] = x(() => new D.Value(E)), H = b(E), ee = b(!1), te = b(e), G = b(0), K = b({
|
|
3126
3156
|
points: p,
|
|
3127
3157
|
minSnap: m,
|
|
3128
3158
|
maxSnap: g,
|
|
@@ -3131,8 +3161,8 @@ function Mn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3131
3161
|
dismissible: s,
|
|
3132
3162
|
onClose: t
|
|
3133
3163
|
}), [re] = x(() => yt({
|
|
3134
|
-
animationFallbackDelay:
|
|
3135
|
-
showFallbackDelay:
|
|
3164
|
+
animationFallbackDelay: jn,
|
|
3165
|
+
showFallbackDelay: En
|
|
3136
3166
|
}));
|
|
3137
3167
|
_(() => {
|
|
3138
3168
|
K.current = {
|
|
@@ -3164,7 +3194,7 @@ function Mn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3164
3194
|
}).start(({ finished: t }) => {
|
|
3165
3195
|
ee.current = !1, t && (H.current = e), n?.(t);
|
|
3166
3196
|
});
|
|
3167
|
-
}, [B]), ie = h((e, t =
|
|
3197
|
+
}, [B]), ie = h((e, t = An, n) => {
|
|
3168
3198
|
let { maxSnap: r, H: i } = K.current;
|
|
3169
3199
|
L.current = e, J((r - e) * i, t, n);
|
|
3170
3200
|
}, [J]), ae = b(() => {});
|
|
@@ -3187,11 +3217,11 @@ function Mn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3187
3217
|
]), _(() => () => re.cancel(), [re]);
|
|
3188
3218
|
let se = () => {
|
|
3189
3219
|
re.onModalShow((e) => {
|
|
3190
|
-
B.stopAnimation(), q(K.current.panelH), ie(N,
|
|
3220
|
+
B.stopAnimation(), q(K.current.panelH), ie(N, An, e);
|
|
3191
3221
|
}, () => ae.current());
|
|
3192
3222
|
}, ce = b(0), le = b(N), [ue] = x(() => I.create({
|
|
3193
3223
|
onStartShouldSetPanResponder: () => !1,
|
|
3194
|
-
onMoveShouldSetPanResponder: (e, t) =>
|
|
3224
|
+
onMoveShouldSetPanResponder: (e, t) => Cn(t.dy, {
|
|
3195
3225
|
active: L.current,
|
|
3196
3226
|
maxSnap: K.current.maxSnap,
|
|
3197
3227
|
scrollTop: G.current,
|
|
@@ -3201,12 +3231,12 @@ function Mn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3201
3231
|
ce.current = H.current, le.current = L.current;
|
|
3202
3232
|
},
|
|
3203
3233
|
onPanResponderMove: (e, t) => {
|
|
3204
|
-
q(
|
|
3234
|
+
q(wn(ce.current, t.dy, K.current));
|
|
3205
3235
|
},
|
|
3206
3236
|
onPanResponderRelease: (e, t) => {
|
|
3207
|
-
let n = K.current, r =
|
|
3237
|
+
let n = K.current, r = Tn(ce.current, t.dy, le.current, n);
|
|
3208
3238
|
if (r.kind === "close") {
|
|
3209
|
-
J(n.panelH,
|
|
3239
|
+
J(n.panelH, An, () => {
|
|
3210
3240
|
te.current && n.onClose();
|
|
3211
3241
|
});
|
|
3212
3242
|
return;
|
|
@@ -3309,7 +3339,7 @@ function Mn({ open: e, onClose: t, title: n, children: r, snapPoints: i, initial
|
|
|
3309
3339
|
}
|
|
3310
3340
|
//#endregion
|
|
3311
3341
|
//#region src/native/components/DetailSheetScaffold.tsx
|
|
3312
|
-
function
|
|
3342
|
+
function Pn({ header: e, footer: t, children: n, style: r }) {
|
|
3313
3343
|
let { theme: i } = W();
|
|
3314
3344
|
return /* @__PURE__ */ w(U, {
|
|
3315
3345
|
style: [{
|
|
@@ -3318,12 +3348,12 @@ function Nn({ header: e, footer: t, children: n, style: r }) {
|
|
|
3318
3348
|
}, r],
|
|
3319
3349
|
children: [
|
|
3320
3350
|
e,
|
|
3321
|
-
/* @__PURE__ */ C(
|
|
3351
|
+
/* @__PURE__ */ C(In, { children: n }),
|
|
3322
3352
|
t
|
|
3323
3353
|
]
|
|
3324
3354
|
});
|
|
3325
3355
|
}
|
|
3326
|
-
function
|
|
3356
|
+
function Fn({ title: e, titleEditor: t, description: n, leading: r, trailing: i, children: a, style: o }) {
|
|
3327
3357
|
let { theme: s, scales: c } = W(), l = t ?? e;
|
|
3328
3358
|
return /* @__PURE__ */ w(U, {
|
|
3329
3359
|
style: [{
|
|
@@ -3375,7 +3405,7 @@ function Pn({ title: e, titleEditor: t, description: n, leading: r, trailing: i,
|
|
|
3375
3405
|
]
|
|
3376
3406
|
});
|
|
3377
3407
|
}
|
|
3378
|
-
function
|
|
3408
|
+
function In({ children: e, style: t }) {
|
|
3379
3409
|
let { scales: n } = W();
|
|
3380
3410
|
return /* @__PURE__ */ C(U, {
|
|
3381
3411
|
style: [{
|
|
@@ -3388,7 +3418,7 @@ function Fn({ children: e, style: t }) {
|
|
|
3388
3418
|
}
|
|
3389
3419
|
//#endregion
|
|
3390
3420
|
//#region src/native/components/KeyboardAwareSheetFooter.tsx
|
|
3391
|
-
function
|
|
3421
|
+
function Ln({ behavior: e = "fixed", hideWhenInputFocused: t = e === "hide", surface: n = "default", children: r, style: i }) {
|
|
3392
3422
|
let { theme: a, scales: o } = W(), [s, c] = x(!1);
|
|
3393
3423
|
if (_(() => {
|
|
3394
3424
|
let e = N.addListener("keyboardDidShow", () => c(!0)), t = N.addListener("keyboardDidHide", () => c(!1));
|
|
@@ -3419,7 +3449,7 @@ function In({ behavior: e = "fixed", hideWhenInputFocused: t = e === "hide", sur
|
|
|
3419
3449
|
}
|
|
3420
3450
|
//#endregion
|
|
3421
3451
|
//#region src/native/components/ResponsiveDialog.tsx
|
|
3422
|
-
function
|
|
3452
|
+
function Rn({ breakpoint: e = 600, ...t }) {
|
|
3423
3453
|
let { width: n } = O.get("window");
|
|
3424
3454
|
return n <= e ? /* @__PURE__ */ w($, {
|
|
3425
3455
|
open: t.open,
|
|
@@ -3427,11 +3457,11 @@ function Ln({ breakpoint: e = 600, ...t }) {
|
|
|
3427
3457
|
side: "bottom",
|
|
3428
3458
|
title: t.title,
|
|
3429
3459
|
children: [t.children, t.footer]
|
|
3430
|
-
}) : /* @__PURE__ */ C(
|
|
3460
|
+
}) : /* @__PURE__ */ C(yn, { ...t });
|
|
3431
3461
|
}
|
|
3432
3462
|
//#endregion
|
|
3433
3463
|
//#region src/native/components/Popover.tsx
|
|
3434
|
-
function
|
|
3464
|
+
function zn({ open: e, onClose: t, anchor: n, children: r }) {
|
|
3435
3465
|
let { theme: i, scales: a } = W(), o = n ? n.y + (n.height ?? 0) + 4 : 100, s = n ? n.x : 0;
|
|
3436
3466
|
return /* @__PURE__ */ C(F, {
|
|
3437
3467
|
visible: e,
|
|
@@ -3471,9 +3501,9 @@ function Rn({ open: e, onClose: t, anchor: n, children: r }) {
|
|
|
3471
3501
|
}
|
|
3472
3502
|
//#endregion
|
|
3473
3503
|
//#region src/native/components/DropdownMenu.tsx
|
|
3474
|
-
function
|
|
3504
|
+
function Bn({ open: e, onClose: t, anchor: n, items: r }) {
|
|
3475
3505
|
let { theme: i, scales: a } = W();
|
|
3476
|
-
return /* @__PURE__ */ C(
|
|
3506
|
+
return /* @__PURE__ */ C(zn, {
|
|
3477
3507
|
open: e,
|
|
3478
3508
|
onClose: t,
|
|
3479
3509
|
anchor: n,
|
|
@@ -3501,22 +3531,22 @@ function zn({ open: e, onClose: t, anchor: n, items: r }) {
|
|
|
3501
3531
|
}
|
|
3502
3532
|
//#endregion
|
|
3503
3533
|
//#region src/native/components/Toast.tsx
|
|
3504
|
-
var
|
|
3505
|
-
function
|
|
3506
|
-
let e = g(
|
|
3534
|
+
var Vn = m(null);
|
|
3535
|
+
function Hn() {
|
|
3536
|
+
let e = g(Vn);
|
|
3507
3537
|
if (!e) throw Error("useToast は ToastProvider の内側で使ってください");
|
|
3508
3538
|
return e;
|
|
3509
3539
|
}
|
|
3510
|
-
var
|
|
3511
|
-
function
|
|
3512
|
-
return
|
|
3540
|
+
var Un = 0;
|
|
3541
|
+
function Wn() {
|
|
3542
|
+
return Un += 1, `toast-${Un}`;
|
|
3513
3543
|
}
|
|
3514
|
-
var
|
|
3515
|
-
function
|
|
3516
|
-
|
|
3544
|
+
var Gn = null;
|
|
3545
|
+
function Kn(e) {
|
|
3546
|
+
Gn = e;
|
|
3517
3547
|
}
|
|
3518
|
-
function
|
|
3519
|
-
return
|
|
3548
|
+
function qn(e, t = {}, n) {
|
|
3549
|
+
return Gn ? Gn.show({
|
|
3520
3550
|
title: e,
|
|
3521
3551
|
description: t.description,
|
|
3522
3552
|
tone: n ?? t.tone,
|
|
@@ -3524,13 +3554,13 @@ function Kn(e, t = {}, n) {
|
|
|
3524
3554
|
action: t.action
|
|
3525
3555
|
}) : (console.warn("[ksk-ds native toast()] ToastProvider がマウントされていないため通知は表示されません。アプリのルートに <ToastProvider> を配置してください。"), "");
|
|
3526
3556
|
}
|
|
3527
|
-
var
|
|
3528
|
-
|
|
3529
|
-
function
|
|
3557
|
+
var Jn = ((e, t) => qn(e, t));
|
|
3558
|
+
Jn.success = (e, t) => qn(e, t, "success"), Jn.error = (e, t) => qn(e, t, "caution"), Jn.info = (e, t) => qn(e, t, "info"), Jn.warning = (e, t) => qn(e, t, "warning"), Jn.caution = (e, t) => qn(e, t, "caution"), Jn.dismiss = (e) => Gn?.dismiss(e);
|
|
3559
|
+
function Yn({ children: e }) {
|
|
3530
3560
|
let { scales: t } = W(), [n, r] = x([]), i = h((e) => {
|
|
3531
3561
|
r((t) => t.filter((t) => t.id !== e));
|
|
3532
3562
|
}, []), a = h((e) => {
|
|
3533
|
-
let t =
|
|
3563
|
+
let t = Wn();
|
|
3534
3564
|
r((n) => [...n, {
|
|
3535
3565
|
...e,
|
|
3536
3566
|
id: t
|
|
@@ -3538,10 +3568,10 @@ function Jn({ children: e }) {
|
|
|
3538
3568
|
let n = e.duration ?? 3e3;
|
|
3539
3569
|
return n > 0 && setTimeout(() => i(t), n), t;
|
|
3540
3570
|
}, [i]);
|
|
3541
|
-
return _(() => (
|
|
3571
|
+
return _(() => (Kn({
|
|
3542
3572
|
show: a,
|
|
3543
3573
|
dismiss: i
|
|
3544
|
-
}), () =>
|
|
3574
|
+
}), () => Kn(null)), [a, i]), /* @__PURE__ */ w(Vn.Provider, {
|
|
3545
3575
|
value: {
|
|
3546
3576
|
show: a,
|
|
3547
3577
|
dismiss: i
|
|
@@ -3557,14 +3587,14 @@ function Jn({ children: e }) {
|
|
|
3557
3587
|
gap: t.spacing.scale[2],
|
|
3558
3588
|
zIndex: 9999
|
|
3559
3589
|
},
|
|
3560
|
-
children: n.map((e) => /* @__PURE__ */ C(
|
|
3590
|
+
children: n.map((e) => /* @__PURE__ */ C(Xn, {
|
|
3561
3591
|
toast: e,
|
|
3562
3592
|
onDismiss: () => i(e.id)
|
|
3563
3593
|
}, e.id))
|
|
3564
3594
|
})]
|
|
3565
3595
|
});
|
|
3566
3596
|
}
|
|
3567
|
-
function
|
|
3597
|
+
function Xn({ toast: e, onDismiss: t }) {
|
|
3568
3598
|
let { theme: n, scales: r } = W(), [i] = x(() => new D.Value(0)), [a] = x(() => new D.Value(-20));
|
|
3569
3599
|
_(() => {
|
|
3570
3600
|
D.parallel([D.timing(i, {
|
|
@@ -3662,12 +3692,12 @@ function Yn({ toast: e, onDismiss: t }) {
|
|
|
3662
3692
|
}
|
|
3663
3693
|
//#endregion
|
|
3664
3694
|
//#region src/native/components/ErrorBoundary.tsx
|
|
3665
|
-
var
|
|
3695
|
+
var Zn = {
|
|
3666
3696
|
emoji: "😢",
|
|
3667
3697
|
title: "問題が発生しました",
|
|
3668
3698
|
description: "データは保持されています。下のボタンで復旧してください。",
|
|
3669
3699
|
retryLabel: "再試行"
|
|
3670
|
-
},
|
|
3700
|
+
}, Qn = class extends p.Component {
|
|
3671
3701
|
constructor(e) {
|
|
3672
3702
|
super(e), this.state = {
|
|
3673
3703
|
hasError: !1,
|
|
@@ -3693,16 +3723,16 @@ var Xn = {
|
|
|
3693
3723
|
render() {
|
|
3694
3724
|
if (!this.state.hasError) return this.props.children;
|
|
3695
3725
|
let { fallback: e, labels: t } = this.props, n = {
|
|
3696
|
-
...
|
|
3726
|
+
...Zn,
|
|
3697
3727
|
...t
|
|
3698
3728
|
};
|
|
3699
|
-
return e ? typeof e == "function" ? e(this.state.error, this.handleRetry) : e : /* @__PURE__ */ C(
|
|
3729
|
+
return e ? typeof e == "function" ? e(this.state.error, this.handleRetry) : e : /* @__PURE__ */ C($n, {
|
|
3700
3730
|
merged: n,
|
|
3701
3731
|
handleRetry: this.handleRetry
|
|
3702
3732
|
});
|
|
3703
3733
|
}
|
|
3704
3734
|
};
|
|
3705
|
-
function
|
|
3735
|
+
function $n({ merged: e, handleRetry: t }) {
|
|
3706
3736
|
let { theme: n, scales: r } = W();
|
|
3707
3737
|
return /* @__PURE__ */ w(U, {
|
|
3708
3738
|
accessibilityRole: "alert",
|
|
@@ -3748,7 +3778,7 @@ function Qn({ merged: e, handleRetry: t }) {
|
|
|
3748
3778
|
}
|
|
3749
3779
|
//#endregion
|
|
3750
3780
|
//#region src/native/components/MenuDrawer.tsx
|
|
3751
|
-
function
|
|
3781
|
+
function er({ open: e, onClose: t, side: n = "left", header: r, sections: i, footer: a }) {
|
|
3752
3782
|
let { theme: o, scales: s } = W();
|
|
3753
3783
|
return /* @__PURE__ */ w($, {
|
|
3754
3784
|
open: e,
|
|
@@ -3799,12 +3829,12 @@ function $n({ open: e, onClose: t, side: n = "left", header: r, sections: i, foo
|
|
|
3799
3829
|
}
|
|
3800
3830
|
//#endregion
|
|
3801
3831
|
//#region src/native/components/ConfirmDialog.tsx
|
|
3802
|
-
function
|
|
3803
|
-
return /* @__PURE__ */ C(
|
|
3832
|
+
function tr(e) {
|
|
3833
|
+
return /* @__PURE__ */ C(Sn, { ...e });
|
|
3804
3834
|
}
|
|
3805
3835
|
//#endregion
|
|
3806
3836
|
//#region src/native/components/BottomSheetForm.tsx
|
|
3807
|
-
function
|
|
3837
|
+
function nr({ open: e, onClose: t, title: n, description: r, footer: i, children: a }) {
|
|
3808
3838
|
let { theme: o, scales: s } = W();
|
|
3809
3839
|
return /* @__PURE__ */ w($, {
|
|
3810
3840
|
open: e,
|
|
@@ -3840,7 +3870,7 @@ function tr({ open: e, onClose: t, title: n, description: r, footer: i, children
|
|
|
3840
3870
|
}
|
|
3841
3871
|
//#endregion
|
|
3842
3872
|
//#region src/native/components/BottomSheetFrame.tsx
|
|
3843
|
-
function
|
|
3873
|
+
function rr({ 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 }) {
|
|
3844
3874
|
let { theme: f, scales: p } = W(), m = ne(), 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 = q(m, "bottom", i), y = C(c ? z : U, {
|
|
3845
3875
|
style: [h ? {
|
|
3846
3876
|
flexGrow: 0,
|
|
@@ -3884,7 +3914,7 @@ function nr({ preset: e = "mobile-full", surface: t = "default", height: n = "pr
|
|
|
3884
3914
|
}
|
|
3885
3915
|
//#endregion
|
|
3886
3916
|
//#region src/native/components/ReviewOverlay.tsx
|
|
3887
|
-
function
|
|
3917
|
+
function ir({ open: e, onClose: t, title: n = "レビューを投稿", onSubmit: r }) {
|
|
3888
3918
|
let { scales: i } = W(), [a, o] = x(0), [s, c] = x("");
|
|
3889
3919
|
return /* @__PURE__ */ w($, {
|
|
3890
3920
|
open: e,
|
|
@@ -3939,7 +3969,7 @@ function rr({ open: e, onClose: t, title: n = "レビューを投稿", onSubmit:
|
|
|
3939
3969
|
}
|
|
3940
3970
|
//#endregion
|
|
3941
3971
|
//#region src/native/components/CoachMark.tsx
|
|
3942
|
-
function
|
|
3972
|
+
function ar({ title: e, description: t, step: n, total: r, onNext: i, onSkip: a, nextLabel: o = "次へ", skipLabel: s = "スキップ" }) {
|
|
3943
3973
|
let { theme: c, scales: l } = W();
|
|
3944
3974
|
return /* @__PURE__ */ w(U, {
|
|
3945
3975
|
style: {
|
|
@@ -4033,7 +4063,7 @@ function ir({ title: e, description: t, step: n, total: r, onNext: i, onSkip: a,
|
|
|
4033
4063
|
}
|
|
4034
4064
|
//#endregion
|
|
4035
4065
|
//#region src/native/components/CoachMarkOverlay.tsx
|
|
4036
|
-
function
|
|
4066
|
+
function or({ open: e, onClose: t, highlight: n, children: r }) {
|
|
4037
4067
|
let { theme: i } = W(), a = i.overlay.dark;
|
|
4038
4068
|
return /* @__PURE__ */ C(F, {
|
|
4039
4069
|
visible: e,
|
|
@@ -4107,7 +4137,7 @@ function ar({ open: e, onClose: t, highlight: n, children: r }) {
|
|
|
4107
4137
|
}
|
|
4108
4138
|
//#endregion
|
|
4109
4139
|
//#region src/native/components/Select.tsx
|
|
4110
|
-
function
|
|
4140
|
+
function sr({ options: e, value: t, onChange: n, placeholder: r = "選択", disabled: i = !1, title: a = "選択" }) {
|
|
4111
4141
|
let { theme: o, scales: s } = W(), [c, l] = x(!1), u = e.find((e) => e.value === t);
|
|
4112
4142
|
return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(R, {
|
|
4113
4143
|
onPress: () => !i && l(!0),
|
|
@@ -4162,7 +4192,7 @@ function or({ options: e, value: t, onChange: n, placeholder: r = "選択", disa
|
|
|
4162
4192
|
}
|
|
4163
4193
|
//#endregion
|
|
4164
4194
|
//#region src/native/components/Combobox.tsx
|
|
4165
|
-
function
|
|
4195
|
+
function cr({ options: e, value: t, onChange: n, placeholder: r = "選択してください", searchPlaceholder: i = "検索...", emptyMessage: a = "該当なし", disabled: o = !1 }) {
|
|
4166
4196
|
let { theme: s, scales: c } = W(), [l, u] = x(!1), [d, f] = x(""), p = e.find((e) => e.value === t), m = y(() => {
|
|
4167
4197
|
if (!d) return e;
|
|
4168
4198
|
let t = d.toLowerCase();
|
|
@@ -4240,7 +4270,7 @@ function sr({ options: e, value: t, onChange: n, placeholder: r = "選択して
|
|
|
4240
4270
|
}
|
|
4241
4271
|
//#endregion
|
|
4242
4272
|
//#region src/native/components/MultiSelect.tsx
|
|
4243
|
-
function
|
|
4273
|
+
function lr({ options: e, values: t = [], onChange: n, placeholder: r = "選択してください", searchPlaceholder: i = "検索...", disabled: a = !1, accessibilityLabel: o }) {
|
|
4244
4274
|
let { theme: s, scales: c } = W(), [l, u] = x(!1), [d, f] = x(""), [p, m] = x(t), h = y(() => {
|
|
4245
4275
|
if (!d) return e;
|
|
4246
4276
|
let t = d.toLowerCase();
|
|
@@ -4343,7 +4373,7 @@ function cr({ options: e, values: t = [], onChange: n, placeholder: r = "選択
|
|
|
4343
4373
|
}
|
|
4344
4374
|
//#endregion
|
|
4345
4375
|
//#region src/native/components/DropdownFilter.tsx
|
|
4346
|
-
function
|
|
4376
|
+
function ur({ label: e, options: t, value: n, onChange: r }) {
|
|
4347
4377
|
let { theme: i, scales: a } = W(), [o, s] = x(!1), c = t.find((e) => e.value === n), l = !!c;
|
|
4348
4378
|
return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(R, {
|
|
4349
4379
|
onPress: () => s(!0),
|
|
@@ -4418,7 +4448,7 @@ function lr({ label: e, options: t, value: n, onChange: r }) {
|
|
|
4418
4448
|
}
|
|
4419
4449
|
//#endregion
|
|
4420
4450
|
//#region src/native/components/PillToggle.tsx
|
|
4421
|
-
function
|
|
4451
|
+
function dr({ options: e, value: t, onChange: n, disabled: r = !1, fullWidth: i = !1 }) {
|
|
4422
4452
|
let { theme: a, scales: o } = W();
|
|
4423
4453
|
return /* @__PURE__ */ C(U, {
|
|
4424
4454
|
style: {
|
|
@@ -4473,14 +4503,14 @@ function ur({ options: e, value: t, onChange: n, disabled: r = !1, fullWidth: i
|
|
|
4473
4503
|
}
|
|
4474
4504
|
//#endregion
|
|
4475
4505
|
//#region src/native/components/Tabs.tsx
|
|
4476
|
-
var
|
|
4477
|
-
function
|
|
4478
|
-
let e = g(
|
|
4506
|
+
var fr = m(null);
|
|
4507
|
+
function pr() {
|
|
4508
|
+
let e = g(fr);
|
|
4479
4509
|
if (!e) throw Error("Tabs の内側で使ってください");
|
|
4480
4510
|
return e;
|
|
4481
4511
|
}
|
|
4482
|
-
function
|
|
4483
|
-
return /* @__PURE__ */ C(
|
|
4512
|
+
function mr({ value: e, onChange: t, children: n }) {
|
|
4513
|
+
return /* @__PURE__ */ C(fr.Provider, {
|
|
4484
4514
|
value: {
|
|
4485
4515
|
value: e,
|
|
4486
4516
|
onChange: t
|
|
@@ -4488,7 +4518,7 @@ function pr({ value: e, onChange: t, children: n }) {
|
|
|
4488
4518
|
children: n
|
|
4489
4519
|
});
|
|
4490
4520
|
}
|
|
4491
|
-
function
|
|
4521
|
+
function hr({ scrollable: e = !1, children: t }) {
|
|
4492
4522
|
let { theme: n, scales: r } = W(), i = /* @__PURE__ */ C(U, {
|
|
4493
4523
|
style: {
|
|
4494
4524
|
flexDirection: "row",
|
|
@@ -4504,8 +4534,8 @@ function mr({ scrollable: e = !1, children: t }) {
|
|
|
4504
4534
|
children: i
|
|
4505
4535
|
}) : i;
|
|
4506
4536
|
}
|
|
4507
|
-
function
|
|
4508
|
-
let { theme: r, scales: i } = W(), a =
|
|
4537
|
+
function gr({ value: e, children: t, disabled: n }) {
|
|
4538
|
+
let { theme: r, scales: i } = W(), a = pr(), o = a.value === e;
|
|
4509
4539
|
return /* @__PURE__ */ C(R, {
|
|
4510
4540
|
onPress: () => !n && a.onChange(e),
|
|
4511
4541
|
disabled: n,
|
|
@@ -4525,12 +4555,12 @@ function hr({ value: e, children: t, disabled: n }) {
|
|
|
4525
4555
|
})
|
|
4526
4556
|
});
|
|
4527
4557
|
}
|
|
4528
|
-
function
|
|
4529
|
-
return
|
|
4558
|
+
function _r({ value: e, children: t }) {
|
|
4559
|
+
return pr().value === e ? /* @__PURE__ */ C(U, { children: t }) : null;
|
|
4530
4560
|
}
|
|
4531
4561
|
//#endregion
|
|
4532
4562
|
//#region src/native/icon-button-metrics.ts
|
|
4533
|
-
var
|
|
4563
|
+
var vr = {
|
|
4534
4564
|
sm: {
|
|
4535
4565
|
box: 36,
|
|
4536
4566
|
icon: 18
|
|
@@ -4544,8 +4574,8 @@ var _r = {
|
|
|
4544
4574
|
icon: 24
|
|
4545
4575
|
}
|
|
4546
4576
|
};
|
|
4547
|
-
function
|
|
4548
|
-
let { box: n, icon: r } =
|
|
4577
|
+
function yr(e, t) {
|
|
4578
|
+
let { box: n, icon: r } = vr[e];
|
|
4549
4579
|
return {
|
|
4550
4580
|
box: n,
|
|
4551
4581
|
icon: r,
|
|
@@ -4554,8 +4584,8 @@ function vr(e, t) {
|
|
|
4554
4584
|
}
|
|
4555
4585
|
//#endregion
|
|
4556
4586
|
//#region src/native/components/IconButton.tsx
|
|
4557
|
-
function
|
|
4558
|
-
let { theme: m, scales: h } = W(), g = l || o, { box: _, icon: v, hitSlop: y } =
|
|
4587
|
+
function br({ 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 }) {
|
|
4588
|
+
let { theme: m, scales: h } = W(), g = l || o, { box: _, icon: v, hitSlop: y } = yr(i, h.touchTargets.iconButton.min), b = r === "accent" ? m.text["accent-primary"] : r === "caution" ? m.text.caution : m.text["medium-emphasis"], x = n === "primary" ? {
|
|
4559
4589
|
backgroundColor: m.brand.primary,
|
|
4560
4590
|
pressedBackgroundColor: m.active["primary-button"],
|
|
4561
4591
|
borderColor: m.brand.primary,
|
|
@@ -4617,7 +4647,7 @@ function yr({ accessibilityLabel: e, icon: t, variant: n = "ghost", tone: r = "n
|
|
|
4617
4647
|
}
|
|
4618
4648
|
//#endregion
|
|
4619
4649
|
//#region src/native/calendar-cells.ts
|
|
4620
|
-
var
|
|
4650
|
+
var xr = [
|
|
4621
4651
|
"日",
|
|
4622
4652
|
"月",
|
|
4623
4653
|
"火",
|
|
@@ -4625,7 +4655,7 @@ var br = [
|
|
|
4625
4655
|
"木",
|
|
4626
4656
|
"金",
|
|
4627
4657
|
"土"
|
|
4628
|
-
],
|
|
4658
|
+
], Sr = [
|
|
4629
4659
|
"S",
|
|
4630
4660
|
"M",
|
|
4631
4661
|
"T",
|
|
@@ -4633,7 +4663,7 @@ var br = [
|
|
|
4633
4663
|
"T",
|
|
4634
4664
|
"F",
|
|
4635
4665
|
"S"
|
|
4636
|
-
],
|
|
4666
|
+
], Cr = [
|
|
4637
4667
|
"日曜日",
|
|
4638
4668
|
"月曜日",
|
|
4639
4669
|
"火曜日",
|
|
@@ -4641,7 +4671,7 @@ var br = [
|
|
|
4641
4671
|
"木曜日",
|
|
4642
4672
|
"金曜日",
|
|
4643
4673
|
"土曜日"
|
|
4644
|
-
],
|
|
4674
|
+
], wr = [
|
|
4645
4675
|
"1月",
|
|
4646
4676
|
"2月",
|
|
4647
4677
|
"3月",
|
|
@@ -4655,58 +4685,58 @@ var br = [
|
|
|
4655
4685
|
"11月",
|
|
4656
4686
|
"12月"
|
|
4657
4687
|
];
|
|
4658
|
-
function
|
|
4688
|
+
function Tr(e) {
|
|
4659
4689
|
return new Date(e.getFullYear(), e.getMonth(), e.getDate());
|
|
4660
4690
|
}
|
|
4661
|
-
function
|
|
4691
|
+
function Er(e) {
|
|
4662
4692
|
return new Date(e.getFullYear(), e.getMonth(), 1);
|
|
4663
4693
|
}
|
|
4664
|
-
function
|
|
4694
|
+
function Dr(e) {
|
|
4665
4695
|
return new Date(e.getFullYear(), e.getMonth() + 1, 0);
|
|
4666
4696
|
}
|
|
4667
|
-
function
|
|
4697
|
+
function Or(e, t) {
|
|
4668
4698
|
return new Date(e.getFullYear(), e.getMonth() + t, 1);
|
|
4669
4699
|
}
|
|
4670
|
-
function
|
|
4671
|
-
return
|
|
4700
|
+
function kr(e) {
|
|
4701
|
+
return Dr(e).getDate();
|
|
4672
4702
|
}
|
|
4673
|
-
function
|
|
4703
|
+
function Ar(e, t) {
|
|
4674
4704
|
return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
|
|
4675
4705
|
}
|
|
4676
|
-
function
|
|
4677
|
-
let t =
|
|
4706
|
+
function jr(e) {
|
|
4707
|
+
let t = Er(e).getDay(), n = kr(e), r = [];
|
|
4678
4708
|
for (let e = 0; e < t; e += 1) r.push(null);
|
|
4679
4709
|
for (let t = 1; t <= n; t += 1) r.push(new Date(e.getFullYear(), e.getMonth(), t));
|
|
4680
4710
|
for (; r.length % 7 != 0;) r.push(null);
|
|
4681
4711
|
return r;
|
|
4682
4712
|
}
|
|
4683
|
-
function
|
|
4713
|
+
function Mr(e) {
|
|
4684
4714
|
return e === 0 ? "sunday" : e === 6 ? "saturday" : "weekday";
|
|
4685
4715
|
}
|
|
4686
|
-
function
|
|
4687
|
-
let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o =
|
|
4688
|
-
return !!(n && o <
|
|
4716
|
+
function Nr(e, t = {}) {
|
|
4717
|
+
let { minDate: n, maxDate: r, disablePast: i, today: a = /* @__PURE__ */ new Date() } = t, o = Tr(e);
|
|
4718
|
+
return !!(n && o < Tr(n) || r && o > Tr(r) || i && o < Tr(a));
|
|
4689
4719
|
}
|
|
4690
|
-
function
|
|
4691
|
-
let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s =
|
|
4692
|
-
r && c.push(
|
|
4720
|
+
function Pr(e, t, n = {}) {
|
|
4721
|
+
let { minDate: r, maxDate: i, disablePast: a, today: o = /* @__PURE__ */ new Date() } = n, s = Or(e, t), c = [];
|
|
4722
|
+
r && c.push(Tr(r)), a && c.push(Tr(o));
|
|
4693
4723
|
let l = c.length ? new Date(Math.max(...c.map((e) => e.getTime()))) : void 0;
|
|
4694
|
-
return !(l &&
|
|
4724
|
+
return !(l && Tr(Dr(s)) < l || i && Er(s) > Tr(i));
|
|
4695
4725
|
}
|
|
4696
|
-
function
|
|
4726
|
+
function Fr(e, t = "ja") {
|
|
4697
4727
|
let { date: n, weekday: r, today: i, selected: a } = e;
|
|
4698
4728
|
if (t !== "ja") return [
|
|
4699
4729
|
`${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}`,
|
|
4700
4730
|
i ? "today" : null,
|
|
4701
4731
|
a ? "selected" : null
|
|
4702
4732
|
].filter(Boolean).join(", ");
|
|
4703
|
-
let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${
|
|
4733
|
+
let o = `${n.getFullYear()}年${n.getMonth() + 1}月${n.getDate()}日 ${Cr[r]}`, s = [i ? "今日" : null, a ? "選択中" : null].filter(Boolean).join(" ");
|
|
4704
4734
|
return s ? `${o} ${s}` : o;
|
|
4705
4735
|
}
|
|
4706
|
-
function
|
|
4707
|
-
return t === "ja" ? `${e.getFullYear()}年 ${
|
|
4736
|
+
function Ir(e, t = "ja") {
|
|
4737
|
+
return t === "ja" ? `${e.getFullYear()}年 ${wr[e.getMonth()]}` : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
|
|
4708
4738
|
}
|
|
4709
|
-
function
|
|
4739
|
+
function Lr(e, t, n = {}, r = !1) {
|
|
4710
4740
|
let i = n.today ?? t.today;
|
|
4711
4741
|
return e.selected ? {
|
|
4712
4742
|
background: n.selected ?? t.selected,
|
|
@@ -4714,24 +4744,24 @@ function Ir(e, t, n = {}, r = !1) {
|
|
|
4714
4744
|
accent: i
|
|
4715
4745
|
} : {
|
|
4716
4746
|
background: "transparent",
|
|
4717
|
-
text:
|
|
4747
|
+
text: Rr(e.tone, t, n, r),
|
|
4718
4748
|
accent: i
|
|
4719
4749
|
};
|
|
4720
4750
|
}
|
|
4721
|
-
function
|
|
4751
|
+
function Rr(e, t, n = {}, r = !1, i) {
|
|
4722
4752
|
let a = i ?? "";
|
|
4723
4753
|
return r ? e === "sunday" ? n.sunday ?? t.sunday : e === "saturday" ? n.saturday ?? t.saturday : a : a;
|
|
4724
4754
|
}
|
|
4725
4755
|
//#endregion
|
|
4726
4756
|
//#region src/native/components/Calendar.tsx
|
|
4727
|
-
function
|
|
4728
|
-
let { theme: v, scales: b } = W(), T = c ?? /* @__PURE__ */ new Date(), [E, D] = x(() =>
|
|
4757
|
+
function zr({ 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: _ }) {
|
|
4758
|
+
let { theme: v, scales: b } = W(), T = c ?? /* @__PURE__ */ new Date(), [E, D] = x(() => Er(l ?? e ?? T)), O = i === "ja" ? xr : Sr, k = {
|
|
4729
4759
|
minDate: n,
|
|
4730
4760
|
maxDate: r,
|
|
4731
4761
|
disablePast: s,
|
|
4732
4762
|
today: T
|
|
4733
|
-
}, A = y(() =>
|
|
4734
|
-
let t =
|
|
4763
|
+
}, A = y(() => jr(E), [E]), j = Ir(E, i), M = Pr(E, -1, k), N = Pr(E, 1, k), P = (e) => {
|
|
4764
|
+
let t = Or(E, e);
|
|
4735
4765
|
D(t), u?.(t);
|
|
4736
4766
|
}, F = {
|
|
4737
4767
|
selected: v.brand.primary,
|
|
@@ -4740,7 +4770,7 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4740
4770
|
sunday: v.text.caution,
|
|
4741
4771
|
saturday: v.text["accent-primary"],
|
|
4742
4772
|
weekdayText: v.text["high-emphasis"]
|
|
4743
|
-
}, I = (e, t) =>
|
|
4773
|
+
}, I = (e, t) => Rr(e, F, d, a, t);
|
|
4744
4774
|
return /* @__PURE__ */ w(U, {
|
|
4745
4775
|
style: [{
|
|
4746
4776
|
backgroundColor: v.surface.primary,
|
|
@@ -4758,7 +4788,7 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4758
4788
|
alignItems: "center"
|
|
4759
4789
|
},
|
|
4760
4790
|
children: [
|
|
4761
|
-
/* @__PURE__ */ C(
|
|
4791
|
+
/* @__PURE__ */ C(br, {
|
|
4762
4792
|
accessibilityLabel: h ?? (i === "ja" ? "前の月" : "Previous month"),
|
|
4763
4793
|
onPress: () => P(-1),
|
|
4764
4794
|
disabled: !M,
|
|
@@ -4773,7 +4803,7 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4773
4803
|
style: [Y("label.md"), { color: v.text["high-emphasis"] }],
|
|
4774
4804
|
children: j
|
|
4775
4805
|
}),
|
|
4776
|
-
/* @__PURE__ */ C(
|
|
4806
|
+
/* @__PURE__ */ C(br, {
|
|
4777
4807
|
accessibilityLabel: g ?? (i === "ja" ? "次の月" : "Next month"),
|
|
4778
4808
|
onPress: () => P(1),
|
|
4779
4809
|
disabled: !N,
|
|
@@ -4794,7 +4824,7 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4794
4824
|
alignItems: "center"
|
|
4795
4825
|
},
|
|
4796
4826
|
children: /* @__PURE__ */ C(V, {
|
|
4797
|
-
style: [Y("label.xs"), { color: I(
|
|
4827
|
+
style: [Y("label.xs"), { color: I(Mr(t), v.text["low-emphasis"]) }],
|
|
4798
4828
|
children: e
|
|
4799
4829
|
})
|
|
4800
4830
|
}, t))
|
|
@@ -4812,11 +4842,11 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4812
4842
|
let s = n.getDay(), c = {
|
|
4813
4843
|
date: n,
|
|
4814
4844
|
weekday: s,
|
|
4815
|
-
selected: !!(e &&
|
|
4816
|
-
today:
|
|
4817
|
-
disabled:
|
|
4818
|
-
tone:
|
|
4819
|
-
}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h =
|
|
4845
|
+
selected: !!(e && Ar(n, e)),
|
|
4846
|
+
today: Ar(n, T),
|
|
4847
|
+
disabled: Nr(n, k),
|
|
4848
|
+
tone: Mr(s)
|
|
4849
|
+
}, l = c.today && !c.selected && o === "ring", u = c.today && !c.selected && o === "dot", h = Lr(c, F, d, a);
|
|
4820
4850
|
return /* @__PURE__ */ C(U, {
|
|
4821
4851
|
style: {
|
|
4822
4852
|
width: `${100 / 7}%`,
|
|
@@ -4827,7 +4857,7 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4827
4857
|
onPress: () => !c.disabled && t?.(n),
|
|
4828
4858
|
disabled: c.disabled,
|
|
4829
4859
|
accessibilityRole: "button",
|
|
4830
|
-
accessibilityLabel: m?.(c) ??
|
|
4860
|
+
accessibilityLabel: m?.(c) ?? Fr(c, i),
|
|
4831
4861
|
accessibilityState: {
|
|
4832
4862
|
disabled: c.disabled,
|
|
4833
4863
|
selected: c.selected
|
|
@@ -4864,10 +4894,10 @@ function Rr({ value: e, onChange: t, minDate: n, maxDate: r, locale: i = "ja", w
|
|
|
4864
4894
|
}
|
|
4865
4895
|
//#endregion
|
|
4866
4896
|
//#region src/native/components/DatePicker.tsx
|
|
4867
|
-
function
|
|
4897
|
+
function Br(e) {
|
|
4868
4898
|
return `${e.getFullYear()}/${String(e.getMonth() + 1).padStart(2, "0")}/${String(e.getDate()).padStart(2, "0")}`;
|
|
4869
4899
|
}
|
|
4870
|
-
function
|
|
4900
|
+
function Vr({ value: e, onChange: t, placeholder: n = "日付を選択", minDate: r, maxDate: i, disabled: a = !1, formatter: o = Br, accessibilityLabel: s }) {
|
|
4871
4901
|
let { theme: c, scales: l } = W(), [u, d] = x(!1), [f, p] = x(e);
|
|
4872
4902
|
return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(R, {
|
|
4873
4903
|
onPress: () => {
|
|
@@ -4900,7 +4930,7 @@ function Br({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
|
|
|
4900
4930
|
onClose: () => d(!1),
|
|
4901
4931
|
side: "bottom",
|
|
4902
4932
|
title: "日付を選択",
|
|
4903
|
-
children: [/* @__PURE__ */ C(
|
|
4933
|
+
children: [/* @__PURE__ */ C(zr, {
|
|
4904
4934
|
value: f,
|
|
4905
4935
|
onChange: p,
|
|
4906
4936
|
minDate: r,
|
|
@@ -4934,20 +4964,20 @@ function Br({ value: e, onChange: t, placeholder: n = "日付を選択", minDate
|
|
|
4934
4964
|
}
|
|
4935
4965
|
//#endregion
|
|
4936
4966
|
//#region src/native/components/DateField.tsx
|
|
4937
|
-
function
|
|
4967
|
+
function Hr(e) {
|
|
4938
4968
|
if (!e) return;
|
|
4939
4969
|
let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
|
|
4940
4970
|
if (!t) return;
|
|
4941
4971
|
let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(n, r - 1, i);
|
|
4942
4972
|
if (!(a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i)) return a;
|
|
4943
4973
|
}
|
|
4944
|
-
function
|
|
4974
|
+
function Ur(e) {
|
|
4945
4975
|
return !e || isNaN(e.getTime()) ? "" : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
4946
4976
|
}
|
|
4947
|
-
function
|
|
4948
|
-
return /* @__PURE__ */ C(
|
|
4949
|
-
value:
|
|
4950
|
-
onChange: (e) => t(
|
|
4977
|
+
function Wr({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i, accessibilityLabel: a }) {
|
|
4978
|
+
return /* @__PURE__ */ C(Vr, {
|
|
4979
|
+
value: Hr(e),
|
|
4980
|
+
onChange: (e) => t(Ur(e)),
|
|
4951
4981
|
placeholder: n,
|
|
4952
4982
|
disabled: r,
|
|
4953
4983
|
formatter: i,
|
|
@@ -4956,10 +4986,10 @@ function Ur({ value: e, onChange: t, placeholder: n, disabled: r, formatter: i,
|
|
|
4956
4986
|
}
|
|
4957
4987
|
//#endregion
|
|
4958
4988
|
//#region src/native/components/TimePicker.tsx
|
|
4959
|
-
function
|
|
4989
|
+
function Gr(e) {
|
|
4960
4990
|
return e.toString().padStart(2, "0");
|
|
4961
4991
|
}
|
|
4962
|
-
function
|
|
4992
|
+
function Kr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteStep: r = 1, disabled: i = !1 }) {
|
|
4963
4993
|
let { theme: a, scales: o } = W(), [s, c] = x(!1), [l, u] = x(e?.hour ?? 9), [d, f] = x(e?.minute ?? 0), p = Array.from({ length: 24 }, (e, t) => t), m = Array.from({ length: 60 / r }, (e, t) => t * r);
|
|
4964
4994
|
return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(R, {
|
|
4965
4995
|
onPress: () => {
|
|
@@ -4980,7 +5010,7 @@ function Gr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
4980
5010
|
},
|
|
4981
5011
|
children: [/* @__PURE__ */ C(V, {
|
|
4982
5012
|
style: [Y("body.md"), { color: e ? a.text["high-emphasis"] : a.text["low-emphasis"] }],
|
|
4983
|
-
children: e ? `${
|
|
5013
|
+
children: e ? `${Gr(e.hour)}:${Gr(e.minute)}` : n
|
|
4984
5014
|
}), /* @__PURE__ */ C(V, {
|
|
4985
5015
|
style: [Y("label.sm"), { color: a.text["low-emphasis"] }],
|
|
4986
5016
|
children: "🕐"
|
|
@@ -5012,7 +5042,7 @@ function Gr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5012
5042
|
color: l === e ? a.text["accent-primary"] : a.text["high-emphasis"],
|
|
5013
5043
|
fontWeight: l === e ? "700" : "400"
|
|
5014
5044
|
}],
|
|
5015
|
-
children:
|
|
5045
|
+
children: Gr(e)
|
|
5016
5046
|
})
|
|
5017
5047
|
}, e))
|
|
5018
5048
|
}), /* @__PURE__ */ C(z, {
|
|
@@ -5031,7 +5061,7 @@ function Gr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5031
5061
|
color: d === e ? a.text["accent-primary"] : a.text["high-emphasis"],
|
|
5032
5062
|
fontWeight: d === e ? "700" : "400"
|
|
5033
5063
|
}],
|
|
5034
|
-
children:
|
|
5064
|
+
children: Gr(e)
|
|
5035
5065
|
})
|
|
5036
5066
|
}, e))
|
|
5037
5067
|
})]
|
|
@@ -5066,21 +5096,21 @@ function Gr({ value: e, onChange: t, placeholder: n = "時刻を選択", minuteS
|
|
|
5066
5096
|
}
|
|
5067
5097
|
//#endregion
|
|
5068
5098
|
//#region src/native/components/DateTimePicker.tsx
|
|
5069
|
-
function
|
|
5099
|
+
function qr(e, t, n) {
|
|
5070
5100
|
return t && e < t ? new Date(t) : n && e > n ? new Date(n) : e;
|
|
5071
5101
|
}
|
|
5072
|
-
function
|
|
5102
|
+
function Jr({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disabled: a = !1, style: o }) {
|
|
5073
5103
|
let { scales: s } = W(), c = e ? {
|
|
5074
5104
|
hour: e.getHours(),
|
|
5075
5105
|
minute: e.getMinutes()
|
|
5076
5106
|
} : void 0;
|
|
5077
5107
|
return /* @__PURE__ */ w(U, {
|
|
5078
5108
|
style: [{ gap: s.spacing.scale[2] }, o],
|
|
5079
|
-
children: [/* @__PURE__ */ C(
|
|
5109
|
+
children: [/* @__PURE__ */ C(Vr, {
|
|
5080
5110
|
value: e,
|
|
5081
5111
|
onChange: (n) => {
|
|
5082
5112
|
let a = new Date(n);
|
|
5083
|
-
a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(
|
|
5113
|
+
a.setHours(e?.getHours() ?? 0, e?.getMinutes() ?? 0, e?.getSeconds() ?? 0, e?.getMilliseconds() ?? 0), t?.(qr(a, r, i));
|
|
5084
5114
|
},
|
|
5085
5115
|
minDate: r,
|
|
5086
5116
|
maxDate: i,
|
|
@@ -5094,12 +5124,12 @@ function qr({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disa
|
|
|
5094
5124
|
"土"
|
|
5095
5125
|
][e.getDay()]})`,
|
|
5096
5126
|
disabled: a
|
|
5097
|
-
}), /* @__PURE__ */ C(
|
|
5127
|
+
}), /* @__PURE__ */ C(Kr, {
|
|
5098
5128
|
value: c,
|
|
5099
5129
|
onChange: (n) => {
|
|
5100
5130
|
if (!e) return;
|
|
5101
5131
|
let a = new Date(e);
|
|
5102
|
-
a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(
|
|
5132
|
+
a.setHours(n.hour, n.minute, e.getSeconds(), e.getMilliseconds()), t?.(qr(a, r, i));
|
|
5103
5133
|
},
|
|
5104
5134
|
minuteStep: n,
|
|
5105
5135
|
disabled: a || !e
|
|
@@ -5108,25 +5138,25 @@ function qr({ value: e, onChange: t, minuteStep: n, minDate: r, maxDate: i, disa
|
|
|
5108
5138
|
}
|
|
5109
5139
|
//#endregion
|
|
5110
5140
|
//#region src/native/disclosure-state.ts
|
|
5111
|
-
function
|
|
5141
|
+
function Yr(e, t) {
|
|
5112
5142
|
return e === void 0 ? t : e;
|
|
5113
5143
|
}
|
|
5114
|
-
function
|
|
5144
|
+
function Xr(e) {
|
|
5115
5145
|
return e !== void 0;
|
|
5116
5146
|
}
|
|
5117
|
-
function
|
|
5147
|
+
function Zr(e, t, n) {
|
|
5118
5148
|
let r = e.includes(t);
|
|
5119
5149
|
return n === "single" ? r ? [] : [t] : r ? e.filter((e) => e !== t) : [...e, t];
|
|
5120
5150
|
}
|
|
5121
|
-
function
|
|
5151
|
+
function Qr(e, t) {
|
|
5122
5152
|
let n = [...new Set(e)];
|
|
5123
5153
|
return t === "single" ? n.slice(0, 1) : n;
|
|
5124
5154
|
}
|
|
5125
5155
|
//#endregion
|
|
5126
5156
|
//#region src/native/components/Accordion.tsx
|
|
5127
|
-
function
|
|
5128
|
-
let { theme: o, scales: s } = W(), [c, l] = x(() =>
|
|
5129
|
-
let n =
|
|
5157
|
+
function $r({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r, onOpenChange: i, style: a }) {
|
|
5158
|
+
let { theme: o, scales: s } = W(), [c, l] = x(() => Qr(n, t)), u = r !== void 0, d = u ? Qr(r, t) : c, f = h((e) => {
|
|
5159
|
+
let n = Zr(d, e, t);
|
|
5130
5160
|
u || l(n), i?.(n);
|
|
5131
5161
|
}, [
|
|
5132
5162
|
u,
|
|
@@ -5192,10 +5222,10 @@ function Qr({ items: e, type: t = "single", defaultOpenKeys: n = [], openKeys: r
|
|
|
5192
5222
|
}
|
|
5193
5223
|
//#endregion
|
|
5194
5224
|
//#region src/native/components/Collapsible.tsx
|
|
5195
|
-
function
|
|
5196
|
-
let { theme: d, scales: f } = W(), [p, m] = x(t), g =
|
|
5225
|
+
function ei({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing: i, style: a, children: o, accessibilityRole: s, accessibilityLabel: c, accessibilityState: l, ...u }) {
|
|
5226
|
+
let { theme: d, scales: f } = W(), [p, m] = x(t), g = Yr(n, p), _ = h(() => {
|
|
5197
5227
|
let e = !g;
|
|
5198
|
-
|
|
5228
|
+
Xr(n) || m(e), r?.(e);
|
|
5199
5229
|
}, [
|
|
5200
5230
|
n,
|
|
5201
5231
|
r,
|
|
@@ -5249,7 +5279,7 @@ function $r({ title: e, defaultOpen: t = !1, open: n, onOpenChange: r, trailing:
|
|
|
5249
5279
|
}
|
|
5250
5280
|
//#endregion
|
|
5251
5281
|
//#region src/native/components/ScrollArea.tsx
|
|
5252
|
-
function
|
|
5282
|
+
function ti({ maxHeight: e, bordered: t, children: n, ...r }) {
|
|
5253
5283
|
let { theme: i, scales: a } = W();
|
|
5254
5284
|
return /* @__PURE__ */ C(U, {
|
|
5255
5285
|
style: {
|
|
@@ -5267,15 +5297,15 @@ function ei({ maxHeight: e, bordered: t, children: n, ...r }) {
|
|
|
5267
5297
|
}
|
|
5268
5298
|
//#endregion
|
|
5269
5299
|
//#region src/native/components/Pagination.tsx
|
|
5270
|
-
function
|
|
5300
|
+
function ni(e, t) {
|
|
5271
5301
|
let n = [];
|
|
5272
5302
|
for (let r = e; r <= t; r++) n.push(r);
|
|
5273
5303
|
return n;
|
|
5274
5304
|
}
|
|
5275
|
-
function
|
|
5305
|
+
function ri({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
|
|
5276
5306
|
let { theme: i, scales: a } = W(), o = Math.floor(r / 2), s = Math.max(1, e - o), c = Math.min(t, s + r - 1);
|
|
5277
5307
|
c - s + 1 < r && (s = Math.max(1, c - r + 1));
|
|
5278
|
-
let l =
|
|
5308
|
+
let l = ni(s, c), u = (e, t, r = !1, o = !1) => /* @__PURE__ */ C(R, {
|
|
5279
5309
|
onPress: () => t && !r && n?.(t),
|
|
5280
5310
|
disabled: r || !t,
|
|
5281
5311
|
style: ({ pressed: e }) => ({
|
|
@@ -5314,7 +5344,7 @@ function ni({ page: e, total: t, onChange: n, windowSize: r = 5 }) {
|
|
|
5314
5344
|
}
|
|
5315
5345
|
//#endregion
|
|
5316
5346
|
//#region src/native/components/SimplePagination.tsx
|
|
5317
|
-
function
|
|
5347
|
+
function ii({ page: e, total: t, onChange: n }) {
|
|
5318
5348
|
let { theme: r, scales: i } = W(), a = (e, t, a) => /* @__PURE__ */ C(R, {
|
|
5319
5349
|
onPress: () => !a && n?.(t),
|
|
5320
5350
|
disabled: a,
|
|
@@ -5355,7 +5385,7 @@ function ri({ page: e, total: t, onChange: n }) {
|
|
|
5355
5385
|
}
|
|
5356
5386
|
//#endregion
|
|
5357
5387
|
//#region src/native/components/NavigationBar.tsx
|
|
5358
|
-
function
|
|
5388
|
+
function ai({ items: e, value: t, onChange: n }) {
|
|
5359
5389
|
let { theme: r, scales: i } = W();
|
|
5360
5390
|
return /* @__PURE__ */ C(U, {
|
|
5361
5391
|
style: {
|
|
@@ -5410,7 +5440,7 @@ function ii({ items: e, value: t, onChange: n }) {
|
|
|
5410
5440
|
}
|
|
5411
5441
|
//#endregion
|
|
5412
5442
|
//#region src/native/components/SubNav.tsx
|
|
5413
|
-
function
|
|
5443
|
+
function oi({ items: e, value: t, onChange: n }) {
|
|
5414
5444
|
let { theme: r, scales: i } = W();
|
|
5415
5445
|
return /* @__PURE__ */ C(z, {
|
|
5416
5446
|
horizontal: !0,
|
|
@@ -5461,7 +5491,7 @@ function ai({ items: e, value: t, onChange: n }) {
|
|
|
5461
5491
|
}
|
|
5462
5492
|
//#endregion
|
|
5463
5493
|
//#region src/native/components/Breadcrumb.tsx
|
|
5464
|
-
function
|
|
5494
|
+
function si({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
|
|
5465
5495
|
let { theme: i, scales: a } = W();
|
|
5466
5496
|
return /* @__PURE__ */ w(U, {
|
|
5467
5497
|
style: {
|
|
@@ -5513,7 +5543,7 @@ function oi({ title: e, onBack: t, backLabel: n = "戻る", rightSlot: r }) {
|
|
|
5513
5543
|
}
|
|
5514
5544
|
//#endregion
|
|
5515
5545
|
//#region src/native/components/AppHeader.tsx
|
|
5516
|
-
function
|
|
5546
|
+
function ci({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centered: a = !0, safeArea: o = !0 }) {
|
|
5517
5547
|
let { theme: s, scales: c } = W(), l = ne(), u = n ?? (i ? /* @__PURE__ */ C(R, {
|
|
5518
5548
|
onPress: i,
|
|
5519
5549
|
hitSlop: 8,
|
|
@@ -5579,7 +5609,7 @@ function si({ title: e, subtitle: t, leading: n, trailing: r, onBack: i, centere
|
|
|
5579
5609
|
}
|
|
5580
5610
|
//#endregion
|
|
5581
5611
|
//#region src/native/components/MobileAppHeader.tsx
|
|
5582
|
-
function
|
|
5612
|
+
function li({ brand: e, leading: t, status: n, compactStatus: r, actions: i, children: a, bordered: o = !0, verticalAlignment: s = "center", style: c }) {
|
|
5583
5613
|
let { theme: l, scales: u } = W();
|
|
5584
5614
|
return /* @__PURE__ */ w(U, {
|
|
5585
5615
|
style: [{
|
|
@@ -5622,7 +5652,7 @@ function ci({ brand: e, leading: t, status: n, compactStatus: r, actions: i, chi
|
|
|
5622
5652
|
}
|
|
5623
5653
|
//#endregion
|
|
5624
5654
|
//#region src/native/components/MobileAppShell.tsx
|
|
5625
|
-
function
|
|
5655
|
+
function ui({ 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 }) {
|
|
5626
5656
|
let { theme: l, scales: u } = W(), d = a === "bottom-nav-fab" ? u.spacing.scale[15] : a === "bottom-nav" ? u.spacing.scale[12] : 0, f = [{
|
|
5627
5657
|
flex: 1,
|
|
5628
5658
|
backgroundColor: l.surface.secondary,
|
|
@@ -5654,13 +5684,13 @@ function li({ header: e, bottomNav: t, fab: n, desktopSidebar: r, scrollable: i
|
|
|
5654
5684
|
}
|
|
5655
5685
|
//#endregion
|
|
5656
5686
|
//#region src/native/glass-accent-fill.ts
|
|
5657
|
-
var
|
|
5687
|
+
var di = .95, fi = .88, pi = {
|
|
5658
5688
|
r: 20,
|
|
5659
5689
|
g: 20,
|
|
5660
5690
|
b: 30,
|
|
5661
5691
|
a: .6
|
|
5662
5692
|
};
|
|
5663
|
-
function
|
|
5693
|
+
function mi(e) {
|
|
5664
5694
|
let t = e.trim().replace(/^#/, "");
|
|
5665
5695
|
if (!/^[0-9a-fA-F]+$/.test(t)) return null;
|
|
5666
5696
|
let n = (e) => e.split("").map((e) => e + e).join(""), r;
|
|
@@ -5675,13 +5705,13 @@ function pi(e) {
|
|
|
5675
5705
|
a: r.length === 8 ? i(6) / 255 : 1
|
|
5676
5706
|
};
|
|
5677
5707
|
}
|
|
5678
|
-
function
|
|
5708
|
+
function hi(e) {
|
|
5679
5709
|
return String(Math.round(Math.min(Math.max(e, 0), 1) * 1e3) / 1e3);
|
|
5680
5710
|
}
|
|
5681
|
-
function
|
|
5682
|
-
return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${
|
|
5711
|
+
function gi({ r: e, g: t, b: n, a: r }) {
|
|
5712
|
+
return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${hi(r)})`;
|
|
5683
5713
|
}
|
|
5684
|
-
function
|
|
5714
|
+
function _i(e, t, n) {
|
|
5685
5715
|
let r = Math.min(Math.max(n, 0), 1), i = e.a * r + t.a * (1 - r);
|
|
5686
5716
|
if (i === 0) return {
|
|
5687
5717
|
r: 0,
|
|
@@ -5697,24 +5727,24 @@ function gi(e, t, n) {
|
|
|
5697
5727
|
a: i
|
|
5698
5728
|
};
|
|
5699
5729
|
}
|
|
5700
|
-
function
|
|
5701
|
-
let n =
|
|
5702
|
-
return n ?
|
|
5730
|
+
function vi({ brandPrimary: e, mode: t }) {
|
|
5731
|
+
let n = mi(e);
|
|
5732
|
+
return n ? gi(t === "light" ? _i(n, {
|
|
5703
5733
|
r: 0,
|
|
5704
5734
|
g: 0,
|
|
5705
5735
|
b: 0,
|
|
5706
5736
|
a: 0
|
|
5707
|
-
},
|
|
5737
|
+
}, di) : _i(n, pi, fi)) : e;
|
|
5708
5738
|
}
|
|
5709
|
-
function
|
|
5739
|
+
function yi(e) {
|
|
5710
5740
|
return e === "light" ? "rgba(255, 255, 255, 0.4)" : "rgba(255, 255, 255, 0.25)";
|
|
5711
5741
|
}
|
|
5712
|
-
function
|
|
5742
|
+
function bi(e) {
|
|
5713
5743
|
return e === "light" ? "rgba(255, 255, 255, 0.9)" : "rgba(255, 255, 255, 0.25)";
|
|
5714
5744
|
}
|
|
5715
5745
|
//#endregion
|
|
5716
5746
|
//#region src/native/components/MobileFloatingActionButton.tsx
|
|
5717
|
-
function
|
|
5747
|
+
function xi({ 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 }) {
|
|
5718
5748
|
let { theme: u, scales: d, mode: f } = W(), [p, m] = x(!1);
|
|
5719
5749
|
if (_(() => {
|
|
5720
5750
|
let e = N.addListener("keyboardDidShow", () => m(!0)), t = N.addListener("keyboardDidHide", () => m(!1));
|
|
@@ -5743,7 +5773,7 @@ function bi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5743
5773
|
children: e
|
|
5744
5774
|
})] });
|
|
5745
5775
|
if (o === "glass") {
|
|
5746
|
-
let t =
|
|
5776
|
+
let t = vi({
|
|
5747
5777
|
brandPrimary: u.brand.primary,
|
|
5748
5778
|
mode: f
|
|
5749
5779
|
}), n = !Ee();
|
|
@@ -5764,8 +5794,8 @@ function bi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5764
5794
|
borderRadius: y,
|
|
5765
5795
|
backgroundFill: t,
|
|
5766
5796
|
tintColor: u.brand.primary,
|
|
5767
|
-
rimColor:
|
|
5768
|
-
highlightColor:
|
|
5797
|
+
rimColor: yi(f),
|
|
5798
|
+
highlightColor: bi(f),
|
|
5769
5799
|
style: [b, n && { backgroundColor: t }],
|
|
5770
5800
|
children: T
|
|
5771
5801
|
})
|
|
@@ -5789,7 +5819,7 @@ function bi({ label: e, icon: t, showLabel: n = !1, placement: r = "end", bottom
|
|
|
5789
5819
|
}
|
|
5790
5820
|
//#endregion
|
|
5791
5821
|
//#region src/native/components/StatusActionBadge.tsx
|
|
5792
|
-
function
|
|
5822
|
+
function Si({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i = !1, icon: a, asStatus: o = !1, style: s, onPress: c, ...l }) {
|
|
5793
5823
|
let { theme: u, scales: d } = W(), f = u.border["low-emphasis"], p = {
|
|
5794
5824
|
idle: {
|
|
5795
5825
|
bg: u.surface.secondary,
|
|
@@ -5877,10 +5907,10 @@ function xi({ state: e = "idle", label: t, count: n, compact: r = !1, loading: i
|
|
|
5877
5907
|
children: m
|
|
5878
5908
|
});
|
|
5879
5909
|
}
|
|
5880
|
-
var
|
|
5910
|
+
var Ci = Si;
|
|
5881
5911
|
//#endregion
|
|
5882
5912
|
//#region src/native/components/Banner.tsx
|
|
5883
|
-
function
|
|
5913
|
+
function wi({ title: e, description: t, image: n, onPress: r, tone: i = "neutral", height: a = 140 }) {
|
|
5884
5914
|
let { theme: o, scales: s } = W(), c = {
|
|
5885
5915
|
neutral: {
|
|
5886
5916
|
bg: o.surface.secondary,
|
|
@@ -5942,7 +5972,7 @@ function Ci({ title: e, description: t, image: n, onPress: r, tone: i = "neutral
|
|
|
5942
5972
|
}
|
|
5943
5973
|
//#endregion
|
|
5944
5974
|
//#region src/native/components/BannerCarousel.tsx
|
|
5945
|
-
function
|
|
5975
|
+
function Ti({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }) {
|
|
5946
5976
|
let { theme: i, scales: a } = W(), [o, s] = x(0), c = t ?? O.get("window").width - 32, l = b(null);
|
|
5947
5977
|
return /* @__PURE__ */ w(U, {
|
|
5948
5978
|
style: { gap: a.spacing.scale[2] },
|
|
@@ -5968,7 +5998,7 @@ function wi({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
|
|
|
5968
5998
|
width: c,
|
|
5969
5999
|
height: n
|
|
5970
6000
|
},
|
|
5971
|
-
children: /* @__PURE__ */ C(
|
|
6001
|
+
children: /* @__PURE__ */ C(wi, {
|
|
5972
6002
|
...e,
|
|
5973
6003
|
height: n
|
|
5974
6004
|
})
|
|
@@ -5990,7 +6020,7 @@ function wi({ banners: e, itemWidth: t, height: n = 160, showIndicator: r = !0 }
|
|
|
5990
6020
|
}
|
|
5991
6021
|
//#endregion
|
|
5992
6022
|
//#region src/native/components/SearchBar.tsx
|
|
5993
|
-
function
|
|
6023
|
+
function Ei({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onClear: i, autoFocus: a, accessibilityLabel: o, accessibilityHint: s, accessibilityRole: c, accessibilityState: l, ...u }) {
|
|
5994
6024
|
let { theme: d, scales: f } = W();
|
|
5995
6025
|
return /* @__PURE__ */ w(U, {
|
|
5996
6026
|
style: {
|
|
@@ -6051,11 +6081,11 @@ function Ti({ value: e, onChange: t, placeholder: n = "検索", onSubmit: r, onC
|
|
|
6051
6081
|
}
|
|
6052
6082
|
//#endregion
|
|
6053
6083
|
//#region src/native/components/ListItem.tsx
|
|
6054
|
-
function
|
|
6055
|
-
let { theme:
|
|
6084
|
+
function Di({ 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, ..._ }) {
|
|
6085
|
+
let { theme: v, scales: y } = W(), b = d === "center", x = f === "compact", T = 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__ */ w(S, { children: [
|
|
6056
6086
|
e,
|
|
6057
6087
|
/* @__PURE__ */ w(U, {
|
|
6058
|
-
style:
|
|
6088
|
+
style: b ? {
|
|
6059
6089
|
gap: 2,
|
|
6060
6090
|
alignItems: "center"
|
|
6061
6091
|
} : {
|
|
@@ -6065,76 +6095,88 @@ function Ei({ leading: e, title: t, description: n, trailing: r, footerSlot: i,
|
|
|
6065
6095
|
children: [typeof t == "string" ? /* @__PURE__ */ C(V, {
|
|
6066
6096
|
style: [
|
|
6067
6097
|
Y("body.md"),
|
|
6068
|
-
{ color:
|
|
6069
|
-
|
|
6098
|
+
{ color: D(n, "high-emphasis") },
|
|
6099
|
+
b ? { textAlign: "center" } : null
|
|
6070
6100
|
],
|
|
6071
6101
|
children: t
|
|
6072
|
-
}) : t,
|
|
6102
|
+
}) : t, a && typeof a == "string" ? /* @__PURE__ */ C(V, {
|
|
6073
6103
|
style: [
|
|
6074
6104
|
Y("body.sm"),
|
|
6075
|
-
{ color:
|
|
6076
|
-
|
|
6105
|
+
{ color: D(r, "medium-emphasis") },
|
|
6106
|
+
b ? { textAlign: "center" } : null
|
|
6077
6107
|
],
|
|
6078
|
-
children:
|
|
6079
|
-
}) :
|
|
6108
|
+
children: a
|
|
6109
|
+
}) : a]
|
|
6080
6110
|
}),
|
|
6081
|
-
|
|
6082
|
-
|
|
6083
|
-
style: [Y("label.md"), { color:
|
|
6111
|
+
o,
|
|
6112
|
+
c && /* @__PURE__ */ C(V, {
|
|
6113
|
+
style: [Y("label.md"), { color: v.text["low-emphasis"] }],
|
|
6084
6114
|
children: "›"
|
|
6085
6115
|
})
|
|
6086
|
-
] }),
|
|
6116
|
+
] }), k = (e = !1) => /* @__PURE__ */ w(U, {
|
|
6087
6117
|
style: {
|
|
6088
|
-
flexDirection:
|
|
6089
|
-
alignItems:
|
|
6090
|
-
...
|
|
6091
|
-
...
|
|
6092
|
-
paddingHorizontal:
|
|
6093
|
-
paddingVertical:
|
|
6094
|
-
backgroundColor: e ?
|
|
6095
|
-
opacity:
|
|
6096
|
-
},
|
|
6097
|
-
children:
|
|
6118
|
+
flexDirection: T ? "column" : "row",
|
|
6119
|
+
alignItems: T ? "stretch" : "center",
|
|
6120
|
+
...b && !T ? { justifyContent: "center" } : null,
|
|
6121
|
+
...T ? null : { gap: y.spacing.scale[3] },
|
|
6122
|
+
paddingHorizontal: x ? y.spacing.scale[3] : y.spacing.scale[4],
|
|
6123
|
+
paddingVertical: x ? y.spacing.scale[1] : y.spacing.scale[3],
|
|
6124
|
+
backgroundColor: e ? v.surface.secondary : v.surface.primary,
|
|
6125
|
+
opacity: u ? .5 : 1
|
|
6126
|
+
},
|
|
6127
|
+
children: [i !== "none" && /* @__PURE__ */ C(U, {
|
|
6128
|
+
pointerEvents: "none",
|
|
6129
|
+
accessible: !1,
|
|
6130
|
+
"aria-hidden": !0,
|
|
6131
|
+
style: {
|
|
6132
|
+
position: "absolute",
|
|
6133
|
+
bottom: 0,
|
|
6134
|
+
left: i === "inset" ? E : 0,
|
|
6135
|
+
right: i === "inset" ? E : 0,
|
|
6136
|
+
height: 1,
|
|
6137
|
+
backgroundColor: v.border["low-emphasis"]
|
|
6138
|
+
}
|
|
6139
|
+
}), T ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(U, {
|
|
6098
6140
|
style: {
|
|
6099
6141
|
flexDirection: "row",
|
|
6100
6142
|
alignItems: "center",
|
|
6101
|
-
justifyContent:
|
|
6102
|
-
gap:
|
|
6143
|
+
justifyContent: b ? "center" : "flex-start",
|
|
6144
|
+
gap: y.spacing.scale[3]
|
|
6103
6145
|
},
|
|
6104
|
-
children:
|
|
6146
|
+
children: O
|
|
6105
6147
|
}), /* @__PURE__ */ C(U, {
|
|
6106
6148
|
style: {
|
|
6107
6149
|
marginTop: 8,
|
|
6108
6150
|
width: "100%"
|
|
6109
6151
|
},
|
|
6110
|
-
children:
|
|
6111
|
-
})] }) :
|
|
6112
|
-
});
|
|
6113
|
-
return
|
|
6114
|
-
disabled:
|
|
6115
|
-
onPress:
|
|
6116
|
-
accessibilityRole:
|
|
6117
|
-
accessibilityLabel:
|
|
6118
|
-
accessibilityHint:
|
|
6152
|
+
children: s
|
|
6153
|
+
})] }) : O]
|
|
6154
|
+
});
|
|
6155
|
+
return l ? /* @__PURE__ */ C(R, {
|
|
6156
|
+
disabled: u,
|
|
6157
|
+
onPress: l,
|
|
6158
|
+
accessibilityRole: h ?? "button",
|
|
6159
|
+
accessibilityLabel: p,
|
|
6160
|
+
accessibilityHint: m,
|
|
6119
6161
|
accessibilityState: {
|
|
6120
|
-
disabled: !!
|
|
6121
|
-
...
|
|
6122
|
-
},
|
|
6123
|
-
...
|
|
6124
|
-
children: ({ pressed: e }) =>
|
|
6125
|
-
}) :
|
|
6126
|
-
accessible:
|
|
6127
|
-
accessibilityRole:
|
|
6128
|
-
accessibilityLabel:
|
|
6129
|
-
accessibilityHint:
|
|
6130
|
-
accessibilityState:
|
|
6131
|
-
...
|
|
6132
|
-
children:
|
|
6133
|
-
}) :
|
|
6162
|
+
disabled: !!u,
|
|
6163
|
+
...g
|
|
6164
|
+
},
|
|
6165
|
+
..._,
|
|
6166
|
+
children: ({ pressed: e }) => k(e)
|
|
6167
|
+
}) : p !== void 0 || m !== void 0 || h !== void 0 || g !== void 0 || Object.keys(_).length > 0 ? /* @__PURE__ */ C(U, {
|
|
6168
|
+
accessible: p !== void 0 || m !== void 0 ? !0 : void 0,
|
|
6169
|
+
accessibilityRole: h,
|
|
6170
|
+
accessibilityLabel: p,
|
|
6171
|
+
accessibilityHint: m,
|
|
6172
|
+
accessibilityState: g,
|
|
6173
|
+
..._,
|
|
6174
|
+
children: k(!1)
|
|
6175
|
+
}) : k(!1);
|
|
6134
6176
|
}
|
|
6135
6177
|
//#endregion
|
|
6136
6178
|
//#region src/native/components/SettingsSection.tsx
|
|
6137
|
-
function
|
|
6179
|
+
function Oi({ title: e, description: t, action: n, variant: r = "group", children: i, style: a, contentStyle: o }) {
|
|
6138
6180
|
let { theme: s, scales: c } = W(), l = r === "card" || r === "danger";
|
|
6139
6181
|
return /* @__PURE__ */ w(U, {
|
|
6140
6182
|
style: [{ gap: c.spacing.scale[3] }, a],
|
|
@@ -6174,7 +6216,7 @@ function Di({ title: e, description: t, action: n, variant: r = "group", childre
|
|
|
6174
6216
|
})]
|
|
6175
6217
|
});
|
|
6176
6218
|
}
|
|
6177
|
-
function
|
|
6219
|
+
function ki({ title: e, description: t, leading: n, rightSlot: r, children: i, onPress: a, disabled: o = !1, destructive: s = !1, style: c }) {
|
|
6178
6220
|
let { theme: l, scales: u } = W(), d = (a = !1) => /* @__PURE__ */ w(U, {
|
|
6179
6221
|
style: [{
|
|
6180
6222
|
minHeight: 56,
|
|
@@ -6232,7 +6274,7 @@ function Oi({ title: e, description: t, leading: n, rightSlot: r, children: i, o
|
|
|
6232
6274
|
}
|
|
6233
6275
|
//#endregion
|
|
6234
6276
|
//#region src/native/components/EmptyState.tsx
|
|
6235
|
-
function
|
|
6277
|
+
function Ai({ title: e, description: t, icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
|
|
6236
6278
|
let { theme: s, scales: c } = W(), l = i !== void 0 || a !== void 0;
|
|
6237
6279
|
return /* @__PURE__ */ w(U, {
|
|
6238
6280
|
style: {
|
|
@@ -6288,7 +6330,7 @@ function ki({ title: e, description: t, icon: n, action: r, accessibilityLabel:
|
|
|
6288
6330
|
}
|
|
6289
6331
|
//#endregion
|
|
6290
6332
|
//#region src/native/components/ErrorState.tsx
|
|
6291
|
-
function
|
|
6333
|
+
function ji({ title: e = "エラーが発生しました", description: t = "しばらくしてからもう一度お試しください", icon: n, action: r, accessibilityLabel: i, accessibilityHint: a, ...o }) {
|
|
6292
6334
|
let { theme: s, scales: c } = W(), l = i !== void 0 || a !== void 0;
|
|
6293
6335
|
return /* @__PURE__ */ w(U, {
|
|
6294
6336
|
style: {
|
|
@@ -6344,7 +6386,7 @@ function Ai({ title: e = "エラーが発生しました", description: t = "し
|
|
|
6344
6386
|
}
|
|
6345
6387
|
//#endregion
|
|
6346
6388
|
//#region src/native/components/IconBadge.tsx
|
|
6347
|
-
var
|
|
6389
|
+
var Mi = {
|
|
6348
6390
|
md: {
|
|
6349
6391
|
color: "",
|
|
6350
6392
|
size: 20
|
|
@@ -6357,14 +6399,14 @@ var ji = {
|
|
|
6357
6399
|
color: "",
|
|
6358
6400
|
size: 38
|
|
6359
6401
|
}
|
|
6360
|
-
},
|
|
6402
|
+
}, Ni = {
|
|
6361
6403
|
md: 44,
|
|
6362
6404
|
ml: 48,
|
|
6363
6405
|
lg: 72
|
|
6364
6406
|
};
|
|
6365
|
-
function
|
|
6366
|
-
let { theme: a } = W(), o =
|
|
6367
|
-
...
|
|
6407
|
+
function Pi({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i }) {
|
|
6408
|
+
let { theme: a } = W(), o = Ni[e], s = {
|
|
6409
|
+
...Mi[e],
|
|
6368
6410
|
color: a.object["accent-primary"]
|
|
6369
6411
|
};
|
|
6370
6412
|
return /* @__PURE__ */ C(U, {
|
|
@@ -6386,7 +6428,7 @@ function Ni({ size: e = "md", children: t, style: n, accessibilityLabel: r, ...i
|
|
|
6386
6428
|
}
|
|
6387
6429
|
//#endregion
|
|
6388
6430
|
//#region src/native/components/SectionHeader.tsx
|
|
6389
|
-
function
|
|
6431
|
+
function Fi({ title: e, description: t, action: n, variant: r = "default" }) {
|
|
6390
6432
|
let { theme: i, scales: a } = W();
|
|
6391
6433
|
return /* @__PURE__ */ w(U, {
|
|
6392
6434
|
style: {
|
|
@@ -6427,7 +6469,7 @@ function Pi({ title: e, description: t, action: n, variant: r = "default" }) {
|
|
|
6427
6469
|
}
|
|
6428
6470
|
//#endregion
|
|
6429
6471
|
//#region src/native/components/StickyActionBar.tsx
|
|
6430
|
-
function
|
|
6472
|
+
function Ii({ children: e }) {
|
|
6431
6473
|
let { theme: t, scales: n } = W();
|
|
6432
6474
|
return /* @__PURE__ */ C(U, {
|
|
6433
6475
|
style: {
|
|
@@ -6444,7 +6486,7 @@ function Fi({ children: e }) {
|
|
|
6444
6486
|
}
|
|
6445
6487
|
//#endregion
|
|
6446
6488
|
//#region src/native/components/SwipeRow.tsx
|
|
6447
|
-
function
|
|
6489
|
+
function Li({ rightActions: e = [], actionWidth: t = 80, children: n, accessibilityActions: r, onAccessibilityAction: i, accessible: a }) {
|
|
6448
6490
|
let { theme: o } = W(), [s] = x(() => new D.Value(0)), c = e.length * t, [l] = x(() => I.create({
|
|
6449
6491
|
onMoveShouldSetPanResponder: (e, t) => Math.abs(t.dx) > 8,
|
|
6450
6492
|
onPanResponderMove: (e, t) => {
|
|
@@ -6513,7 +6555,7 @@ function Ii({ rightActions: e = [], actionWidth: t = 80, children: n, accessibil
|
|
|
6513
6555
|
}
|
|
6514
6556
|
//#endregion
|
|
6515
6557
|
//#region src/native/components/Footer.tsx
|
|
6516
|
-
function
|
|
6558
|
+
function Ri({ copyright: e, links: t = [] }) {
|
|
6517
6559
|
let { theme: n, scales: r } = W();
|
|
6518
6560
|
return /* @__PURE__ */ w(U, {
|
|
6519
6561
|
style: {
|
|
@@ -6542,7 +6584,7 @@ function Li({ copyright: e, links: t = [] }) {
|
|
|
6542
6584
|
}
|
|
6543
6585
|
//#endregion
|
|
6544
6586
|
//#region src/native/components/FileUpload.tsx
|
|
6545
|
-
function
|
|
6587
|
+
function zi({ title: e = "ファイルを選択", description: t = "タップしてアップロード", onPress: n, disabled: r = !1 }) {
|
|
6546
6588
|
let { theme: i, scales: a } = W();
|
|
6547
6589
|
return /* @__PURE__ */ w(R, {
|
|
6548
6590
|
onPress: n,
|
|
@@ -6580,18 +6622,18 @@ function Ri({ title: e = "ファイルを選択", description: t = "タップし
|
|
|
6580
6622
|
}
|
|
6581
6623
|
//#endregion
|
|
6582
6624
|
//#region src/native/components/Screen.tsx
|
|
6583
|
-
function
|
|
6625
|
+
function Bi(e, t) {
|
|
6584
6626
|
if (e !== "none") return {
|
|
6585
6627
|
paddingHorizontal: t.scale[6],
|
|
6586
6628
|
paddingVertical: t.scale[6]
|
|
6587
6629
|
};
|
|
6588
6630
|
}
|
|
6589
|
-
function
|
|
6631
|
+
function Vi({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "page", style: a, bodyStyle: o, headerStyle: s, footerStyle: c, contentContainerStyle: l }) {
|
|
6590
6632
|
let { theme: u, scales: d } = W(), f = [{
|
|
6591
6633
|
flex: 1,
|
|
6592
6634
|
minHeight: 0,
|
|
6593
6635
|
backgroundColor: u.surface.primary
|
|
6594
|
-
}, o], p = [
|
|
6636
|
+
}, o], p = [Bi(i, d.spacing), l];
|
|
6595
6637
|
return /* @__PURE__ */ w(U, {
|
|
6596
6638
|
style: [{
|
|
6597
6639
|
flex: 1,
|
|
@@ -6612,7 +6654,7 @@ function Bi({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
6612
6654
|
}) : /* @__PURE__ */ C(U, {
|
|
6613
6655
|
style: [
|
|
6614
6656
|
f,
|
|
6615
|
-
|
|
6657
|
+
Bi(i, d.spacing),
|
|
6616
6658
|
l
|
|
6617
6659
|
],
|
|
6618
6660
|
children: e
|
|
@@ -6632,7 +6674,7 @@ function Bi({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
|
|
|
6632
6674
|
}
|
|
6633
6675
|
//#endregion
|
|
6634
6676
|
//#region src/native/components/Prose.tsx
|
|
6635
|
-
function
|
|
6677
|
+
function Hi({ sections: e }) {
|
|
6636
6678
|
let { theme: t, scales: n } = W();
|
|
6637
6679
|
return /* @__PURE__ */ C(U, {
|
|
6638
6680
|
style: { gap: n.spacing.scale[6] },
|
|
@@ -6650,10 +6692,10 @@ function Vi({ sections: e }) {
|
|
|
6650
6692
|
}
|
|
6651
6693
|
//#endregion
|
|
6652
6694
|
//#region src/native/components/DocumentScreen.tsx
|
|
6653
|
-
function
|
|
6695
|
+
function Ui({ title: e, lastUpdated: t, onBack: n, children: r }) {
|
|
6654
6696
|
let { theme: i, scales: a } = W();
|
|
6655
|
-
return /* @__PURE__ */ w(
|
|
6656
|
-
header: n ? /* @__PURE__ */ C(
|
|
6697
|
+
return /* @__PURE__ */ w(Vi, {
|
|
6698
|
+
header: n ? /* @__PURE__ */ C(ci, {
|
|
6657
6699
|
onBack: n,
|
|
6658
6700
|
centered: !1
|
|
6659
6701
|
}) : void 0,
|
|
@@ -6674,16 +6716,16 @@ function Hi({ title: e, lastUpdated: t, onBack: n, children: r }) {
|
|
|
6674
6716
|
}
|
|
6675
6717
|
//#endregion
|
|
6676
6718
|
//#region src/native/components/PhotoHero.tsx
|
|
6677
|
-
function
|
|
6719
|
+
function Wi(e) {
|
|
6678
6720
|
return typeof e == "string" ? { uri: e } : e;
|
|
6679
6721
|
}
|
|
6680
|
-
function
|
|
6722
|
+
function Gi(e, t) {
|
|
6681
6723
|
return e === "none" ? "transparent" : e === "dark" ? t.surface["videoOverlay-strong"] : t.surface["videoOverlay-medium"];
|
|
6682
6724
|
}
|
|
6683
|
-
function
|
|
6725
|
+
function Ki({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, style: a, imageStyle: o, contentStyle: s }) {
|
|
6684
6726
|
let { theme: c, scales: l } = W(), u = r === "center" ? "center" : "flex-end";
|
|
6685
6727
|
return /* @__PURE__ */ w(M, {
|
|
6686
|
-
source:
|
|
6728
|
+
source: Wi(e),
|
|
6687
6729
|
accessibilityIgnoresInvertColors: !0,
|
|
6688
6730
|
accessibilityLabel: t || void 0,
|
|
6689
6731
|
style: [{
|
|
@@ -6702,7 +6744,7 @@ function Gi({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
6702
6744
|
right: 0,
|
|
6703
6745
|
bottom: 0,
|
|
6704
6746
|
left: 0,
|
|
6705
|
-
backgroundColor:
|
|
6747
|
+
backgroundColor: Gi(n, c)
|
|
6706
6748
|
}
|
|
6707
6749
|
}), /* @__PURE__ */ C(U, {
|
|
6708
6750
|
style: [{
|
|
@@ -6719,7 +6761,7 @@ function Gi({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
|
|
|
6719
6761
|
})]
|
|
6720
6762
|
});
|
|
6721
6763
|
}
|
|
6722
|
-
function
|
|
6764
|
+
function qi({ children: e, style: t, numberOfLines: n }) {
|
|
6723
6765
|
let { theme: r } = W();
|
|
6724
6766
|
return /* @__PURE__ */ C(V, {
|
|
6725
6767
|
numberOfLines: n,
|
|
@@ -6731,7 +6773,7 @@ function Ki({ children: e, style: t, numberOfLines: n }) {
|
|
|
6731
6773
|
children: e
|
|
6732
6774
|
});
|
|
6733
6775
|
}
|
|
6734
|
-
function
|
|
6776
|
+
function Ji({ children: e, style: t, numberOfLines: n }) {
|
|
6735
6777
|
let { theme: r } = W();
|
|
6736
6778
|
return /* @__PURE__ */ C(V, {
|
|
6737
6779
|
numberOfLines: n,
|
|
@@ -6743,7 +6785,7 @@ function qi({ children: e, style: t, numberOfLines: n }) {
|
|
|
6743
6785
|
children: e
|
|
6744
6786
|
});
|
|
6745
6787
|
}
|
|
6746
|
-
function
|
|
6788
|
+
function Yi({ children: e, style: t, numberOfLines: n }) {
|
|
6747
6789
|
let { theme: r } = W();
|
|
6748
6790
|
return /* @__PURE__ */ C(V, {
|
|
6749
6791
|
numberOfLines: n,
|
|
@@ -6755,7 +6797,7 @@ function Ji({ children: e, style: t, numberOfLines: n }) {
|
|
|
6755
6797
|
children: e
|
|
6756
6798
|
});
|
|
6757
6799
|
}
|
|
6758
|
-
function
|
|
6800
|
+
function Xi({ children: e, style: t }) {
|
|
6759
6801
|
let { scales: n } = W();
|
|
6760
6802
|
return /* @__PURE__ */ C(U, {
|
|
6761
6803
|
style: [{
|
|
@@ -6765,12 +6807,12 @@ function Yi({ children: e, style: t }) {
|
|
|
6765
6807
|
children: e
|
|
6766
6808
|
});
|
|
6767
6809
|
}
|
|
6768
|
-
var
|
|
6769
|
-
Eyebrow:
|
|
6770
|
-
Title:
|
|
6771
|
-
Body:
|
|
6772
|
-
Actions:
|
|
6773
|
-
}),
|
|
6810
|
+
var Zi = Object.assign(Ki, {
|
|
6811
|
+
Eyebrow: qi,
|
|
6812
|
+
Title: Ji,
|
|
6813
|
+
Body: Yi,
|
|
6814
|
+
Actions: Xi
|
|
6815
|
+
}), Qi = {
|
|
6774
6816
|
"top-left": {
|
|
6775
6817
|
top: 16,
|
|
6776
6818
|
left: 16
|
|
@@ -6798,10 +6840,10 @@ var Xi = Object.assign(Gi, {
|
|
|
6798
6840
|
transform: [{ translateY: -48 }]
|
|
6799
6841
|
}
|
|
6800
6842
|
};
|
|
6801
|
-
function
|
|
6843
|
+
function $i(e) {
|
|
6802
6844
|
return typeof e == "number" && e > 99 ? "99+" : e;
|
|
6803
6845
|
}
|
|
6804
|
-
function
|
|
6846
|
+
function ea(e, t) {
|
|
6805
6847
|
let n = e === "horizontal" ? "row" : "column";
|
|
6806
6848
|
return t === "side" ? {
|
|
6807
6849
|
clusterDirection: n,
|
|
@@ -6814,7 +6856,7 @@ function $i(e, t) {
|
|
|
6814
6856
|
itemDirection: e === "horizontal" ? "row" : "column"
|
|
6815
6857
|
};
|
|
6816
6858
|
}
|
|
6817
|
-
function
|
|
6859
|
+
function ta({ 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 }) {
|
|
6818
6860
|
let { scales: u } = W(), d = a != null && a > 0, [f, m] = p.useState({
|
|
6819
6861
|
autoHideEnabled: d,
|
|
6820
6862
|
value: o
|
|
@@ -6823,7 +6865,7 @@ function ea({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6823
6865
|
autoHideEnabled: d,
|
|
6824
6866
|
value: !0
|
|
6825
6867
|
});
|
|
6826
|
-
let h = d ? f.value : !0, g = p.useRef(null), { clusterDirection: _, itemDirection: v } =
|
|
6868
|
+
let h = d ? f.value : !0, g = p.useRef(null), { clusterDirection: _, itemDirection: v } = ea(t, i), y = p.useCallback(() => {
|
|
6827
6869
|
g.current && clearTimeout(g.current), g.current = null;
|
|
6828
6870
|
}, []), b = p.useCallback((e) => {
|
|
6829
6871
|
m((t) => ((t.autoHideEnabled ? t.value : !0) !== e && s?.(e), {
|
|
@@ -6857,7 +6899,7 @@ function ea({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6857
6899
|
r === "relative" ? void 0 : {
|
|
6858
6900
|
position: "absolute",
|
|
6859
6901
|
zIndex: 40,
|
|
6860
|
-
...
|
|
6902
|
+
...Qi[n]
|
|
6861
6903
|
},
|
|
6862
6904
|
{
|
|
6863
6905
|
flexDirection: _,
|
|
@@ -6867,14 +6909,14 @@ function ea({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
|
|
|
6867
6909
|
},
|
|
6868
6910
|
l
|
|
6869
6911
|
],
|
|
6870
|
-
children: e.map((e, t) => /* @__PURE__ */ C(
|
|
6912
|
+
children: e.map((e, t) => /* @__PURE__ */ C(na, {
|
|
6871
6913
|
item: e,
|
|
6872
6914
|
itemDirection: v,
|
|
6873
6915
|
onReveal: S
|
|
6874
6916
|
}, e.id ?? `${e.label}-${t}`))
|
|
6875
6917
|
});
|
|
6876
6918
|
}
|
|
6877
|
-
function
|
|
6919
|
+
function na({ item: e, itemDirection: t, onReveal: n }) {
|
|
6878
6920
|
let { theme: r, scales: i } = W();
|
|
6879
6921
|
return /* @__PURE__ */ w(R, {
|
|
6880
6922
|
disabled: e.disabled,
|
|
@@ -6924,7 +6966,7 @@ function ta({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
6924
6966
|
},
|
|
6925
6967
|
children: /* @__PURE__ */ C(V, {
|
|
6926
6968
|
style: [Y("label.xs"), { color: r.text["on-media"] }],
|
|
6927
|
-
children:
|
|
6969
|
+
children: $i(e.badge)
|
|
6928
6970
|
})
|
|
6929
6971
|
})]
|
|
6930
6972
|
}), /* @__PURE__ */ C(V, {
|
|
@@ -6940,7 +6982,7 @@ function ta({ item: e, itemDirection: t, onReveal: n }) {
|
|
|
6940
6982
|
}
|
|
6941
6983
|
//#endregion
|
|
6942
6984
|
//#region src/native/components/CompactFilePicker.tsx
|
|
6943
|
-
function
|
|
6985
|
+
function ra({ label: e = "ファイル", description: t, triggerLabel: n = "選択する", loadingLabel: r, icon: i, loading: a = !1, disabled: o = !1, onPress: s, style: c }) {
|
|
6944
6986
|
let { theme: l, scales: u } = W(), d = o || a;
|
|
6945
6987
|
return /* @__PURE__ */ w(R, {
|
|
6946
6988
|
disabled: d,
|
|
@@ -7000,11 +7042,11 @@ function na({ label: e = "ファイル", description: t, triggerLabel: n = "選
|
|
|
7000
7042
|
]
|
|
7001
7043
|
});
|
|
7002
7044
|
}
|
|
7003
|
-
function
|
|
7045
|
+
function ia({ images: e = [], onRemove: t, removeLabel: n = (e) => `${e.name ?? "画像"}を削除`, previewVariant: r = "grid", label: i = "画像", description: a = "JPG / PNG / WebP", triggerLabel: o = "画像を追加", ...s }) {
|
|
7004
7046
|
let { theme: c, scales: l } = W();
|
|
7005
7047
|
return /* @__PURE__ */ w(U, {
|
|
7006
7048
|
style: { gap: l.spacing.scale[3] },
|
|
7007
|
-
children: [/* @__PURE__ */ C(
|
|
7049
|
+
children: [/* @__PURE__ */ C(ra, {
|
|
7008
7050
|
...s,
|
|
7009
7051
|
label: i,
|
|
7010
7052
|
description: a,
|
|
@@ -7060,13 +7102,12 @@ function ra({ images: e = [], onRemove: t, removeLabel: n = (e) => `${e.name ??
|
|
|
7060
7102
|
}
|
|
7061
7103
|
//#endregion
|
|
7062
7104
|
//#region src/native/components/QuickActionGrid.tsx
|
|
7063
|
-
var
|
|
7064
|
-
function
|
|
7105
|
+
var aa = p.createContext(null);
|
|
7106
|
+
function oa() {
|
|
7065
7107
|
let e = globalThis.process;
|
|
7066
7108
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
7067
7109
|
}
|
|
7068
|
-
function
|
|
7069
|
-
let n = t * .55;
|
|
7110
|
+
function sa({ color: e, size: t = 16 }) {
|
|
7070
7111
|
return /* @__PURE__ */ C(U, {
|
|
7071
7112
|
pointerEvents: "none",
|
|
7072
7113
|
accessibilityElementsHidden: !0,
|
|
@@ -7076,23 +7117,19 @@ function oa({ color: e, size: t = 16 }) {
|
|
|
7076
7117
|
width: t,
|
|
7077
7118
|
height: t,
|
|
7078
7119
|
alignItems: "center",
|
|
7079
|
-
justifyContent: "center"
|
|
7080
|
-
borderWidth: 1.5,
|
|
7081
|
-
borderColor: e,
|
|
7082
|
-
borderRadius: t * .28
|
|
7120
|
+
justifyContent: "center"
|
|
7083
7121
|
},
|
|
7084
7122
|
children: /* @__PURE__ */ C(U, { style: {
|
|
7085
|
-
width:
|
|
7086
|
-
height:
|
|
7087
|
-
|
|
7088
|
-
borderBottomWidth:
|
|
7123
|
+
width: t * .65,
|
|
7124
|
+
height: t * .3,
|
|
7125
|
+
borderLeftWidth: 2,
|
|
7126
|
+
borderBottomWidth: 2,
|
|
7089
7127
|
borderColor: e,
|
|
7090
|
-
transform: [{ rotate: "45deg" }]
|
|
7091
|
-
marginTop: -n * .1
|
|
7128
|
+
transform: [{ rotate: "-45deg" }, { translateY: -1 }]
|
|
7092
7129
|
} })
|
|
7093
7130
|
});
|
|
7094
7131
|
}
|
|
7095
|
-
function
|
|
7132
|
+
function ca(e, t) {
|
|
7096
7133
|
switch (e) {
|
|
7097
7134
|
case "selected": return {
|
|
7098
7135
|
borderColor: t.brand.primary,
|
|
@@ -7116,8 +7153,8 @@ function sa(e, t) {
|
|
|
7116
7153
|
};
|
|
7117
7154
|
}
|
|
7118
7155
|
}
|
|
7119
|
-
function
|
|
7120
|
-
let _ = p.useContext(
|
|
7156
|
+
function la({ 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: m, accessibilityState: h, ...g }) {
|
|
7157
|
+
let _ = p.useContext(aa), v = (u ?? _) === "single", { theme: y, scales: b } = W(), x = c || s, S = o || l === "selected", T = a != null && a !== !1, E = !!(r || i), D = ca(l, y);
|
|
7121
7158
|
return /* @__PURE__ */ w(R, {
|
|
7122
7159
|
onPress: d,
|
|
7123
7160
|
disabled: x,
|
|
@@ -7128,6 +7165,9 @@ function ca({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a
|
|
|
7128
7165
|
busy: s,
|
|
7129
7166
|
...h
|
|
7130
7167
|
},
|
|
7168
|
+
"aria-checked": v ? h?.checked ?? S : void 0,
|
|
7169
|
+
"aria-disabled": h?.disabled ?? x,
|
|
7170
|
+
"aria-busy": h?.busy ?? s,
|
|
7131
7171
|
...g,
|
|
7132
7172
|
style: ({ pressed: e }) => [{
|
|
7133
7173
|
minHeight: E ? 96 : void 0,
|
|
@@ -7174,7 +7214,7 @@ function ca({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a
|
|
|
7174
7214
|
}), s ? /* @__PURE__ */ C(Ge, { size: "sm" }) : T ? typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ C(V, {
|
|
7175
7215
|
style: [Y("label.md"), { color: y.text["high-emphasis"] }],
|
|
7176
7216
|
children: a
|
|
7177
|
-
}) : a : S ? /* @__PURE__ */ C(
|
|
7217
|
+
}) : a : S ? /* @__PURE__ */ C(sa, { color: y.text["accent-primary"] }) : null]
|
|
7178
7218
|
}), E && /* @__PURE__ */ w(U, {
|
|
7179
7219
|
style: {
|
|
7180
7220
|
flexDirection: "row",
|
|
@@ -7201,8 +7241,8 @@ function ca({ icon: e, emoji: t, label: n, description: r, meta: i, indicator: a
|
|
|
7201
7241
|
})]
|
|
7202
7242
|
});
|
|
7203
7243
|
}
|
|
7204
|
-
function
|
|
7205
|
-
if (
|
|
7244
|
+
function ua({ columns: e = 3, gap: t = 12, selectionMode: n, children: r, style: i }) {
|
|
7245
|
+
if (oa() && n === "single") {
|
|
7206
7246
|
let e = p.Children.toArray(r).filter((e) => p.isValidElement(e) ? e.props.selected === !0 || e.props.variant === "selected" : !1).length;
|
|
7207
7247
|
e > 1 && console.warn(`[ksk-ds] QuickActionGrid: selectionMode="single" は排他選択ですが、選択中の ActionTile が ${e} 個あります。selected を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
7208
7248
|
}
|
|
@@ -7221,20 +7261,20 @@ function la({ columns: e = 3, gap: t = 12, selectionMode: n, children: r, style:
|
|
|
7221
7261
|
children: n
|
|
7222
7262
|
}))
|
|
7223
7263
|
});
|
|
7224
|
-
return /* @__PURE__ */ C(
|
|
7264
|
+
return /* @__PURE__ */ C(aa.Provider, {
|
|
7225
7265
|
value: n ?? null,
|
|
7226
7266
|
children: a
|
|
7227
7267
|
});
|
|
7228
7268
|
}
|
|
7229
7269
|
//#endregion
|
|
7230
7270
|
//#region src/native/components/ChipSelector.tsx
|
|
7231
|
-
function
|
|
7271
|
+
function da() {
|
|
7232
7272
|
let e = globalThis.process;
|
|
7233
7273
|
return !!e && e.env?.NODE_ENV !== "production";
|
|
7234
7274
|
}
|
|
7235
|
-
function
|
|
7275
|
+
function fa({ options: e, values: t = [], onChange: n, multiple: r = !0, selectionMode: i }) {
|
|
7236
7276
|
let { scales: a } = W(), o = i ? i === "multiple" : r, s = !o;
|
|
7237
|
-
|
|
7277
|
+
da() && s && t.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${t.length} 個あります。values を 1 つに絞るか selectionMode="multiple" を使ってください。`);
|
|
7238
7278
|
let c = (e) => {
|
|
7239
7279
|
o ? n?.(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]) : n?.(t.includes(e) ? [] : [e]);
|
|
7240
7280
|
};
|
|
@@ -7264,8 +7304,8 @@ function da({ options: e, values: t = [], onChange: n, multiple: r = !0, selecti
|
|
|
7264
7304
|
}
|
|
7265
7305
|
//#endregion
|
|
7266
7306
|
//#region src/native/components/CollapsibleChipField.tsx
|
|
7267
|
-
var
|
|
7268
|
-
function
|
|
7307
|
+
var pa = 80, ma = 36;
|
|
7308
|
+
function ha({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
|
|
7269
7309
|
let { theme: u, scales: d } = W(), f = r != null && r !== "", [m, h] = p.useState({
|
|
7270
7310
|
selected: r,
|
|
7271
7311
|
forced: !1
|
|
@@ -7277,15 +7317,15 @@ function ma({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7277
7317
|
let g = m.selected === r && m.forced, _ = f && n.includes(r), v = c || !_ || g, y = v ? n : n.filter((e) => e === r), b = !c && _, x = l ?? t, S = t ? /* @__PURE__ */ C(V, {
|
|
7278
7318
|
style: [Y("label.sm"), {
|
|
7279
7319
|
color: u.text["medium-emphasis"],
|
|
7280
|
-
width:
|
|
7281
|
-
lineHeight:
|
|
7320
|
+
width: pa,
|
|
7321
|
+
lineHeight: ma
|
|
7282
7322
|
}],
|
|
7283
7323
|
numberOfLines: 1,
|
|
7284
7324
|
children: t
|
|
7285
7325
|
}) : /* @__PURE__ */ C(U, {
|
|
7286
7326
|
style: {
|
|
7287
7327
|
width: 24,
|
|
7288
|
-
height:
|
|
7328
|
+
height: ma,
|
|
7289
7329
|
alignItems: "center",
|
|
7290
7330
|
justifyContent: "center"
|
|
7291
7331
|
},
|
|
@@ -7304,7 +7344,7 @@ function ma({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7304
7344
|
flexDirection: "row",
|
|
7305
7345
|
flexWrap: "wrap",
|
|
7306
7346
|
gap: d.spacing.scale[2],
|
|
7307
|
-
minHeight:
|
|
7347
|
+
minHeight: ma,
|
|
7308
7348
|
alignItems: "center"
|
|
7309
7349
|
},
|
|
7310
7350
|
accessibilityRole: v ? "radiogroup" : void 0,
|
|
@@ -7337,8 +7377,8 @@ function ma({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
|
|
|
7337
7377
|
}
|
|
7338
7378
|
//#endregion
|
|
7339
7379
|
//#region src/native/components/ChipFilterBar.tsx
|
|
7340
|
-
var
|
|
7341
|
-
function
|
|
7380
|
+
var ga = (e) => `${e.toLocaleString()}件`;
|
|
7381
|
+
function _a({ children: e, resultCount: t, resultCountLabel: n = ga }) {
|
|
7342
7382
|
let { theme: r, scales: i } = W();
|
|
7343
7383
|
return /* @__PURE__ */ w(U, { children: [/* @__PURE__ */ C(z, {
|
|
7344
7384
|
horizontal: !0,
|
|
@@ -7355,7 +7395,7 @@ function ga({ children: e, resultCount: t, resultCountLabel: n = ha }) {
|
|
|
7355
7395
|
}
|
|
7356
7396
|
//#endregion
|
|
7357
7397
|
//#region src/native/components/CategoryNav.tsx
|
|
7358
|
-
function
|
|
7398
|
+
function va({ items: e, value: t, onChange: n }) {
|
|
7359
7399
|
let { theme: r, scales: i } = W();
|
|
7360
7400
|
return /* @__PURE__ */ C(z, {
|
|
7361
7401
|
horizontal: !0,
|
|
@@ -7395,7 +7435,7 @@ function _a({ items: e, value: t, onChange: n }) {
|
|
|
7395
7435
|
}
|
|
7396
7436
|
//#endregion
|
|
7397
7437
|
//#region src/native/components/CategoryScroll.tsx
|
|
7398
|
-
function
|
|
7438
|
+
function ya({ items: e, value: t, onChange: n }) {
|
|
7399
7439
|
let { theme: r, scales: i } = W();
|
|
7400
7440
|
return /* @__PURE__ */ C(z, {
|
|
7401
7441
|
horizontal: !0,
|
|
@@ -7443,7 +7483,7 @@ function va({ items: e, value: t, onChange: n }) {
|
|
|
7443
7483
|
}
|
|
7444
7484
|
//#endregion
|
|
7445
7485
|
//#region src/native/components/ProgressSteps.tsx
|
|
7446
|
-
function
|
|
7486
|
+
function ba({ steps: e, current: t }) {
|
|
7447
7487
|
let { theme: n } = W();
|
|
7448
7488
|
return /* @__PURE__ */ C(U, {
|
|
7449
7489
|
style: {
|
|
@@ -7495,7 +7535,7 @@ function ya({ steps: e, current: t }) {
|
|
|
7495
7535
|
}
|
|
7496
7536
|
//#endregion
|
|
7497
7537
|
//#region src/native/components/TagInput.tsx
|
|
7498
|
-
function
|
|
7538
|
+
function xa({ value: e = [], onChange: t, placeholder: n = "タグを入力して Enter", maxTags: r = 10 }) {
|
|
7499
7539
|
let { theme: i, scales: a } = W(), [o, s] = x(""), c = b(null), l = b(!1);
|
|
7500
7540
|
en(c, h(() => {
|
|
7501
7541
|
l.current = !0;
|
|
@@ -7569,7 +7609,7 @@ function ba({ value: e = [], onChange: t, placeholder: n = "タグを入力し
|
|
|
7569
7609
|
}
|
|
7570
7610
|
//#endregion
|
|
7571
7611
|
//#region src/native/components/ShareButtons.tsx
|
|
7572
|
-
function
|
|
7612
|
+
function Sa({ message: e, url: t, title: n, extra: r = [] }) {
|
|
7573
7613
|
let { theme: i, scales: a } = W(), o = [{
|
|
7574
7614
|
label: "共有",
|
|
7575
7615
|
onPress: async () => {
|
|
@@ -7608,7 +7648,7 @@ function xa({ message: e, url: t, title: n, extra: r = [] }) {
|
|
|
7608
7648
|
}
|
|
7609
7649
|
//#endregion
|
|
7610
7650
|
//#region src/native/components/FilterChip.tsx
|
|
7611
|
-
function
|
|
7651
|
+
function Ca(e) {
|
|
7612
7652
|
return /* @__PURE__ */ C(Ue, {
|
|
7613
7653
|
...e,
|
|
7614
7654
|
shape: "pill",
|
|
@@ -7617,11 +7657,11 @@ function Sa(e) {
|
|
|
7617
7657
|
}
|
|
7618
7658
|
//#endregion
|
|
7619
7659
|
//#region src/native/components/PresenceIndicator.tsx
|
|
7620
|
-
function
|
|
7660
|
+
function wa(e) {
|
|
7621
7661
|
let t = e.trim();
|
|
7622
7662
|
return t ? t.slice(0, 1).toUpperCase() : "?";
|
|
7623
7663
|
}
|
|
7624
|
-
function
|
|
7664
|
+
function Ta({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
7625
7665
|
let { theme: i, scales: a } = W();
|
|
7626
7666
|
return /* @__PURE__ */ w(U, {
|
|
7627
7667
|
accessibilityRole: "text",
|
|
@@ -7639,7 +7679,7 @@ function wa({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
|
7639
7679
|
},
|
|
7640
7680
|
children: [
|
|
7641
7681
|
/* @__PURE__ */ w(U, { children: [/* @__PURE__ */ C(Be, {
|
|
7642
|
-
fallback:
|
|
7682
|
+
fallback: wa(e),
|
|
7643
7683
|
size: "sm"
|
|
7644
7684
|
}), /* @__PURE__ */ C(U, { style: {
|
|
7645
7685
|
position: "absolute",
|
|
@@ -7666,7 +7706,7 @@ function wa({ name: e, statusText: t, badgeLabel: n, online: r = !0 }) {
|
|
|
7666
7706
|
}
|
|
7667
7707
|
//#endregion
|
|
7668
7708
|
//#region src/native/components/ImageGallery.tsx
|
|
7669
|
-
function
|
|
7709
|
+
function Ea({ images: e, initialIndex: t = 0, thumbnailSize: n = 80 }) {
|
|
7670
7710
|
let { theme: r, scales: i } = W(), [a, o] = x({
|
|
7671
7711
|
open: !1,
|
|
7672
7712
|
index: t
|
|
@@ -7781,7 +7821,7 @@ function Ta({ images: e, initialIndex: t = 0, thumbnailSize: n = 80 }) {
|
|
|
7781
7821
|
}
|
|
7782
7822
|
//#endregion
|
|
7783
7823
|
//#region src/native/components/SocialLoginButton.tsx
|
|
7784
|
-
var
|
|
7824
|
+
var Da = {
|
|
7785
7825
|
google: "Google でログイン",
|
|
7786
7826
|
apple: "Apple でログイン",
|
|
7787
7827
|
line: "LINE でログイン",
|
|
@@ -7789,7 +7829,7 @@ var Ea = {
|
|
|
7789
7829
|
github: "GitHub でログイン",
|
|
7790
7830
|
x: "X でログイン"
|
|
7791
7831
|
};
|
|
7792
|
-
function
|
|
7832
|
+
function Oa({ provider: e, label: t, onPress: n, disabled: r = !1 }) {
|
|
7793
7833
|
let { theme: i, scales: a } = W(), o = a.brandExternal, s = {
|
|
7794
7834
|
google: {
|
|
7795
7835
|
bg: i.surface.primary,
|
|
@@ -7844,14 +7884,14 @@ function Da({ provider: e, label: t, onPress: n, disabled: r = !1 }) {
|
|
|
7844
7884
|
},
|
|
7845
7885
|
children: /* @__PURE__ */ C(V, {
|
|
7846
7886
|
style: [Y("label.md"), { color: s.fg }],
|
|
7847
|
-
children: t ??
|
|
7887
|
+
children: t ?? Da[e]
|
|
7848
7888
|
})
|
|
7849
7889
|
})
|
|
7850
7890
|
});
|
|
7851
7891
|
}
|
|
7852
7892
|
//#endregion
|
|
7853
7893
|
//#region src/native/components/social-icon-data.ts
|
|
7854
|
-
var
|
|
7894
|
+
var ka = {
|
|
7855
7895
|
x: {
|
|
7856
7896
|
color: "#000000",
|
|
7857
7897
|
letter: "X"
|
|
@@ -7879,8 +7919,8 @@ var Oa = {
|
|
|
7879
7919
|
};
|
|
7880
7920
|
//#endregion
|
|
7881
7921
|
//#region src/native/components/SocialIcon.tsx
|
|
7882
|
-
function
|
|
7883
|
-
let { theme: n } = W(), r =
|
|
7922
|
+
function Aa({ brand: e, size: t = 24 }) {
|
|
7923
|
+
let { theme: n } = W(), r = ka[e];
|
|
7884
7924
|
return /* @__PURE__ */ C(U, {
|
|
7885
7925
|
style: {
|
|
7886
7926
|
width: t,
|
|
@@ -7902,7 +7942,7 @@ function ka({ brand: e, size: t = 24 }) {
|
|
|
7902
7942
|
}
|
|
7903
7943
|
//#endregion
|
|
7904
7944
|
//#region src/native/components/ListSkeletons.tsx
|
|
7905
|
-
function
|
|
7945
|
+
function ja({ count: e = 3, variant: t = "row" }) {
|
|
7906
7946
|
let { scales: n } = W();
|
|
7907
7947
|
return /* @__PURE__ */ C(U, {
|
|
7908
7948
|
style: { gap: n.spacing.scale[3] },
|
|
@@ -7957,7 +7997,7 @@ function Aa({ count: e = 3, variant: t = "row" }) {
|
|
|
7957
7997
|
}, r))
|
|
7958
7998
|
});
|
|
7959
7999
|
}
|
|
7960
|
-
function
|
|
8000
|
+
function Ma({ rows: e = 5, hasFilter: t = !0, rowHeight: n = 56 }) {
|
|
7961
8001
|
let { scales: r } = W();
|
|
7962
8002
|
return /* @__PURE__ */ w(U, {
|
|
7963
8003
|
style: { gap: r.spacing.scale[2] },
|
|
@@ -7991,7 +8031,7 @@ function ja({ rows: e = 5, hasFilter: t = !0, rowHeight: n = 56 }) {
|
|
|
7991
8031
|
}, t))]
|
|
7992
8032
|
});
|
|
7993
8033
|
}
|
|
7994
|
-
function
|
|
8034
|
+
function Na({ rows: e = 3, columns: t = 2, cardHeight: n = 140 }) {
|
|
7995
8035
|
let { scales: r } = W(), i = Math.max(1, Math.min(t, 4)), a = Math.max(0, e) * i, o = r.spacing.scale[3];
|
|
7996
8036
|
return /* @__PURE__ */ C(U, {
|
|
7997
8037
|
style: {
|
|
@@ -8015,7 +8055,7 @@ function Ma({ rows: e = 3, columns: t = 2, cardHeight: n = 140 }) {
|
|
|
8015
8055
|
}
|
|
8016
8056
|
//#endregion
|
|
8017
8057
|
//#region src/native/components/BottomTabBar.tsx
|
|
8018
|
-
function
|
|
8058
|
+
function Pa() {
|
|
8019
8059
|
let [e, t] = x(!1);
|
|
8020
8060
|
return _(() => {
|
|
8021
8061
|
let e = N.addListener("keyboardDidShow", () => t(!0)), n = N.addListener("keyboardDidHide", () => t(!1));
|
|
@@ -8024,16 +8064,16 @@ function Na() {
|
|
|
8024
8064
|
};
|
|
8025
8065
|
}, []), e;
|
|
8026
8066
|
}
|
|
8027
|
-
function
|
|
8028
|
-
let r =
|
|
8067
|
+
function Fa({ keyboardBehavior: e = "stay", keyboardLiftOffset: t = 160, ...n }) {
|
|
8068
|
+
let r = Pa();
|
|
8029
8069
|
return e === "hide" && r ? null : /* @__PURE__ */ C(U, {
|
|
8030
8070
|
style: e === "lift" && r ? { transform: [{ translateY: -t }] } : void 0,
|
|
8031
|
-
children: /* @__PURE__ */ C(
|
|
8071
|
+
children: /* @__PURE__ */ C(ai, { ...n })
|
|
8032
8072
|
});
|
|
8033
8073
|
}
|
|
8034
|
-
function
|
|
8035
|
-
let { theme: _, scales: v } = W(), y =
|
|
8036
|
-
if (i === "hide" && y ||
|
|
8074
|
+
function Ia({ 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 }) {
|
|
8075
|
+
let { theme: _, scales: v } = W(), y = Pa(), b = e.routes[e.index], x = b ? t[b.key]?.options : void 0, S = r?.bottom ?? 0;
|
|
8076
|
+
if (i === "hide" && y || za(x?.tabBarStyle)) return null;
|
|
8037
8077
|
let T = e.routes.filter((e) => {
|
|
8038
8078
|
let n = t[e.key]?.options;
|
|
8039
8079
|
return !o.includes(e.name) && n?.href !== null && n?.tabBarButton !== null;
|
|
@@ -8063,7 +8103,7 @@ function Fa({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8063
8103
|
return /* @__PURE__ */ w(R, {
|
|
8064
8104
|
accessibilityRole: "button",
|
|
8065
8105
|
accessibilityState: { selected: a },
|
|
8066
|
-
accessibilityLabel: o.tabBarAccessibilityLabel ??
|
|
8106
|
+
accessibilityLabel: o.tabBarAccessibilityLabel ?? Ra(r, o),
|
|
8067
8107
|
testID: o.tabBarButtonTestID,
|
|
8068
8108
|
onPress: () => {
|
|
8069
8109
|
let e = n.emit?.({
|
|
@@ -8125,7 +8165,7 @@ function Fa({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8125
8165
|
},
|
|
8126
8166
|
g
|
|
8127
8167
|
],
|
|
8128
|
-
children:
|
|
8168
|
+
children: Ra(r, o)
|
|
8129
8169
|
})]
|
|
8130
8170
|
}, r.key);
|
|
8131
8171
|
})
|
|
@@ -8150,23 +8190,23 @@ function Fa({ state: e, descriptors: t, navigation: n, insets: r, keyboardBehavi
|
|
|
8150
8190
|
})
|
|
8151
8191
|
});
|
|
8152
8192
|
}
|
|
8153
|
-
function
|
|
8193
|
+
function La(e = {}) {
|
|
8154
8194
|
return function(t) {
|
|
8155
|
-
return /* @__PURE__ */ C(
|
|
8195
|
+
return /* @__PURE__ */ C(Ia, {
|
|
8156
8196
|
...t,
|
|
8157
8197
|
...e
|
|
8158
8198
|
});
|
|
8159
8199
|
};
|
|
8160
8200
|
}
|
|
8161
|
-
function
|
|
8201
|
+
function Ra(e, t) {
|
|
8162
8202
|
return typeof t.tabBarLabel == "string" ? t.tabBarLabel : typeof t.title == "string" ? t.title : e.name;
|
|
8163
8203
|
}
|
|
8164
|
-
function
|
|
8165
|
-
return e ? Array.isArray(e) ? e.some(
|
|
8204
|
+
function za(e) {
|
|
8205
|
+
return e ? Array.isArray(e) ? e.some(za) : typeof e == "object" && "display" in e ? e.display === "none" : !1 : !1;
|
|
8166
8206
|
}
|
|
8167
8207
|
//#endregion
|
|
8168
8208
|
//#region src/native/components/FilterBar.tsx
|
|
8169
|
-
function
|
|
8209
|
+
function Ba({ filters: e, sortLabel: t = "並べ替え", onPressSort: n }) {
|
|
8170
8210
|
let { theme: r, scales: i } = W();
|
|
8171
8211
|
return /* @__PURE__ */ w(U, {
|
|
8172
8212
|
style: {
|
|
@@ -8226,7 +8266,7 @@ function za({ filters: e, sortLabel: t = "並べ替え", onPressSort: n }) {
|
|
|
8226
8266
|
}
|
|
8227
8267
|
//#endregion
|
|
8228
8268
|
//#region src/native/components/ImageCarousel.tsx
|
|
8229
|
-
function
|
|
8269
|
+
function Va({ images: e, height: t = 280, showCounter: n = !0, showDots: r = !0 }) {
|
|
8230
8270
|
let { theme: i, scales: a } = W(), [o, s] = x(0), c = O.get("window").width;
|
|
8231
8271
|
return /* @__PURE__ */ w(U, { children: [
|
|
8232
8272
|
/* @__PURE__ */ C(A, {
|
|
@@ -8296,10 +8336,10 @@ function Ba({ images: e, height: t = 280, showCounter: n = !0, showDots: r = !0
|
|
|
8296
8336
|
}
|
|
8297
8337
|
//#endregion
|
|
8298
8338
|
//#region src/native/components/PriceDisplay.tsx
|
|
8299
|
-
function
|
|
8339
|
+
function Ha(e, t = "¥") {
|
|
8300
8340
|
return `${t}${e.toLocaleString("ja-JP")}`;
|
|
8301
8341
|
}
|
|
8302
|
-
function
|
|
8342
|
+
function Ua({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", showTax: i = !0 }) {
|
|
8303
8343
|
let { theme: a, scales: o } = W(), s = typeof t == "number" && t > e, c = s ? Math.round((1 - e / t) * 100) : 0, l = Y(r === "lg" ? "heading.2xl" : r === "sm" ? "label.md" : "heading.lg");
|
|
8304
8344
|
return /* @__PURE__ */ w(U, {
|
|
8305
8345
|
style: { gap: 2 },
|
|
@@ -8320,7 +8360,7 @@ function Ha({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", sh
|
|
|
8320
8360
|
}),
|
|
8321
8361
|
/* @__PURE__ */ C(V, {
|
|
8322
8362
|
style: [l, { color: a.text["high-emphasis"] }],
|
|
8323
|
-
children:
|
|
8363
|
+
children: Ha(e, n)
|
|
8324
8364
|
}),
|
|
8325
8365
|
i && /* @__PURE__ */ C(V, {
|
|
8326
8366
|
style: [Y("body.sm"), { color: a.text["low-emphasis"] }],
|
|
@@ -8332,21 +8372,21 @@ function Ha({ price: e, originalPrice: t, currency: n = "¥", size: r = "md", sh
|
|
|
8332
8372
|
color: a.text["low-emphasis"],
|
|
8333
8373
|
textDecorationLine: "line-through"
|
|
8334
8374
|
}],
|
|
8335
|
-
children:
|
|
8375
|
+
children: Ha(t, n)
|
|
8336
8376
|
})]
|
|
8337
8377
|
});
|
|
8338
8378
|
}
|
|
8339
8379
|
//#endregion
|
|
8340
8380
|
//#region src/native/components/QuantitySelector.tsx
|
|
8341
|
-
function
|
|
8342
|
-
return /* @__PURE__ */ C(
|
|
8381
|
+
function Wa({ min: e = 1, ...t }) {
|
|
8382
|
+
return /* @__PURE__ */ C(pn, {
|
|
8343
8383
|
min: e,
|
|
8344
8384
|
...t
|
|
8345
8385
|
});
|
|
8346
8386
|
}
|
|
8347
8387
|
//#endregion
|
|
8348
8388
|
//#region src/native/components/RatingDisplay.tsx
|
|
8349
|
-
function
|
|
8389
|
+
function Ga({ rating: e, count: t, size: n = 12, layout: r = "row" }) {
|
|
8350
8390
|
let { theme: i, scales: a } = W();
|
|
8351
8391
|
return /* @__PURE__ */ w(U, {
|
|
8352
8392
|
style: {
|
|
@@ -8380,7 +8420,7 @@ function Wa({ rating: e, count: t, size: n = 12, layout: r = "row" }) {
|
|
|
8380
8420
|
}
|
|
8381
8421
|
//#endregion
|
|
8382
8422
|
//#region src/native/components/ProductCard.tsx
|
|
8383
|
-
function
|
|
8423
|
+
function Ka({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewCount: a, badge: o, soldOut: s, onPress: c, layout: l = "vertical" }) {
|
|
8384
8424
|
let { theme: u, scales: d } = W(), f = l === "horizontal", p = f ? 96 : "100%", m = f ? 96 : 160, h = (c = !1) => /* @__PURE__ */ w(U, {
|
|
8385
8425
|
style: {
|
|
8386
8426
|
flexDirection: f ? "row" : "column",
|
|
@@ -8449,12 +8489,12 @@ function Ga({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewC
|
|
|
8449
8489
|
style: [Y("body.md"), { color: u.text["high-emphasis"] }],
|
|
8450
8490
|
children: t
|
|
8451
8491
|
}),
|
|
8452
|
-
i !== void 0 && /* @__PURE__ */ C(
|
|
8492
|
+
i !== void 0 && /* @__PURE__ */ C(Ga, {
|
|
8453
8493
|
rating: i,
|
|
8454
8494
|
count: a,
|
|
8455
8495
|
size: 14
|
|
8456
8496
|
}),
|
|
8457
|
-
/* @__PURE__ */ C(
|
|
8497
|
+
/* @__PURE__ */ C(Ua, {
|
|
8458
8498
|
price: n,
|
|
8459
8499
|
originalPrice: r,
|
|
8460
8500
|
size: "sm"
|
|
@@ -8470,9 +8510,9 @@ function Ga({ image: e, title: t, price: n, originalPrice: r, rating: i, reviewC
|
|
|
8470
8510
|
}
|
|
8471
8511
|
//#endregion
|
|
8472
8512
|
//#region src/native/components/ProductCarousel.tsx
|
|
8473
|
-
function
|
|
8513
|
+
function qa({ title: e, action: t, products: n, cardWidth: r = 160 }) {
|
|
8474
8514
|
let { scales: i } = W();
|
|
8475
|
-
return /* @__PURE__ */ w(U, { children: [e && /* @__PURE__ */ C(
|
|
8515
|
+
return /* @__PURE__ */ w(U, { children: [e && /* @__PURE__ */ C(Fi, {
|
|
8476
8516
|
title: e,
|
|
8477
8517
|
action: t
|
|
8478
8518
|
}), /* @__PURE__ */ C(A, {
|
|
@@ -8487,16 +8527,16 @@ function Ka({ title: e, action: t, products: n, cardWidth: r = 160 }) {
|
|
|
8487
8527
|
},
|
|
8488
8528
|
renderItem: ({ item: e }) => /* @__PURE__ */ C(U, {
|
|
8489
8529
|
style: { width: r },
|
|
8490
|
-
children: /* @__PURE__ */ C(
|
|
8530
|
+
children: /* @__PURE__ */ C(Ka, { ...e })
|
|
8491
8531
|
})
|
|
8492
8532
|
})] });
|
|
8493
8533
|
}
|
|
8494
8534
|
//#endregion
|
|
8495
8535
|
//#region src/native/components/OrderSummary.tsx
|
|
8496
|
-
function
|
|
8536
|
+
function Ja(e, t) {
|
|
8497
8537
|
return `${t}${e.toLocaleString("ja-JP")}`;
|
|
8498
8538
|
}
|
|
8499
|
-
function
|
|
8539
|
+
function Ya({ lines: e, currency: t = "¥" }) {
|
|
8500
8540
|
let { theme: n, scales: r } = W();
|
|
8501
8541
|
return /* @__PURE__ */ C(U, {
|
|
8502
8542
|
style: {
|
|
@@ -8519,7 +8559,7 @@ function Ja({ lines: e, currency: t = "¥" }) {
|
|
|
8519
8559
|
children: e.label
|
|
8520
8560
|
}), /* @__PURE__ */ w(V, {
|
|
8521
8561
|
style: [c, { color: o }],
|
|
8522
|
-
children: [a && e.value > 0 ? "-" : "",
|
|
8562
|
+
children: [a && e.value > 0 ? "-" : "", Ja(e.value, t)]
|
|
8523
8563
|
})]
|
|
8524
8564
|
})] }, r);
|
|
8525
8565
|
})
|
|
@@ -8527,7 +8567,7 @@ function Ja({ lines: e, currency: t = "¥" }) {
|
|
|
8527
8567
|
}
|
|
8528
8568
|
//#endregion
|
|
8529
8569
|
//#region src/native/components/ReviewCard.tsx
|
|
8530
|
-
function
|
|
8570
|
+
function Xa({ authorName: e, authorAvatar: t, rating: n, date: r, title: i, comment: a, helpfulCount: o }) {
|
|
8531
8571
|
let { theme: s, scales: c } = W();
|
|
8532
8572
|
return /* @__PURE__ */ w(U, {
|
|
8533
8573
|
style: {
|
|
@@ -8585,7 +8625,7 @@ function Ya({ authorName: e, authorAvatar: t, rating: n, date: r, title: i, comm
|
|
|
8585
8625
|
}
|
|
8586
8626
|
//#endregion
|
|
8587
8627
|
//#region src/native/components/ReviewSummary.tsx
|
|
8588
|
-
function
|
|
8628
|
+
function Za({ average: e, total: t, distribution: n }) {
|
|
8589
8629
|
let { theme: r, scales: i } = W();
|
|
8590
8630
|
return /* @__PURE__ */ w(U, {
|
|
8591
8631
|
style: {
|
|
@@ -8675,7 +8715,7 @@ function Xa({ average: e, total: t, distribution: n }) {
|
|
|
8675
8715
|
}
|
|
8676
8716
|
//#endregion
|
|
8677
8717
|
//#region src/native/components/AppShell.tsx
|
|
8678
|
-
function
|
|
8718
|
+
function Qa({ header: e, footer: t, bottomNav: n, scrollable: r = !0, children: i }) {
|
|
8679
8719
|
let { theme: a } = W(), o = C(r ? z : U, {
|
|
8680
8720
|
style: {
|
|
8681
8721
|
flex: 1,
|
|
@@ -8698,7 +8738,7 @@ function Za({ header: e, footer: t, bottomNav: n, scrollable: r = !0, children:
|
|
|
8698
8738
|
}
|
|
8699
8739
|
//#endregion
|
|
8700
8740
|
//#region src/native/components/MarketingShell.tsx
|
|
8701
|
-
function
|
|
8741
|
+
function $a({ header: e, footer: t, cta: n, children: r }) {
|
|
8702
8742
|
let { theme: i } = W();
|
|
8703
8743
|
return /* @__PURE__ */ w(U, {
|
|
8704
8744
|
style: {
|
|
@@ -8725,4 +8765,4 @@ function Qa({ header: e, footer: t, cta: n, children: r }) {
|
|
|
8725
8765
|
});
|
|
8726
8766
|
}
|
|
8727
8767
|
//#endregion
|
|
8728
|
-
export { re as APP_HEADER_IOS_FALLBACK_PADDING_TOP, o as AUTO_PROMPT_SUPPRESSION_EVENT,
|
|
8768
|
+
export { re as APP_HEADER_IOS_FALLBACK_PADDING_TOP, o as AUTO_PROMPT_SUPPRESSION_EVENT, $r as Accordion, la as ActionTile, vn as Alert, Sn as AlertDialog, ci as AppHeader, Qa as AppShell, Zt as AutoGrowTextarea, n as AutoPrompt, Be as Avatar, Ne as Badge, wi as Banner, Ti as BannerCarousel, nr as BottomSheetForm, rr as BottomSheetFrame, Fa as BottomTabBar, si as Breadcrumb, X as Button, zr as Calendar, je as Card, Me as CardHeader, va as CategoryNav, ya as CategoryScroll, Ft as Celebration, Bt as CelebrationDialog, on as Checkbox, cn as CheckboxCard, sn as CheckboxField, ln as CheckboxGroup, Ue as Chip, _a as ChipFilterBar, fa as ChipSelector, ar as CoachMark, or as CoachMarkOverlay, ei as Collapsible, ha as CollapsibleChipField, cr as Combobox, rn as CommitAutoGrowTextarea, tn as CommitInput, nn as CommitTextarea, ra as CompactFilePicker, tr as ConfirmDialog, Wt as CountdownHero, _t as CountdownTimer, Wr as DateField, Vr as DatePicker, Jr as DateTimePicker, In as DetailSheetBody, Fn as DetailSheetHeader, Pn as DetailSheetScaffold, yn as Dialog, Ui as DocumentScreen, ur as DropdownFilter, Bn as DropdownMenu, Ai as EmptyState, Qn as ErrorBoundary, ji as ErrorState, zi as FileUpload, Ba as FilterBar, Ca as FilterChip, Re as FloatingTabBar, Ri as Footer, _n as FormActions, mn as FormField, hn as FormRoot, gn as FormSection, he as GlassView, Fe as GradientSurface, Na as GridSkeleton, Pi as IconBadge, br as IconButton, ia as ImageAttachmentPicker, Va as ImageCarousel, Ea as ImageGallery, qt as Input, Ln as KeyboardAwareSheetFooter, Gt as Label, Ia as LiquidBottomTabBar, Di as ListItem, Ma as ListSkeleton, ja as ListSkeletons, $a as MarketingShell, ta as MediaActionCluster, er as MenuDrawer, li as MobileAppHeader, ui as MobileAppShell, xi as MobileFloatingActionButton, lr as MultiSelect, ai as NavigationBar, pt as NotificationBadge, pn as NumberInput, Ya as OrderSummary, ri as Pagination, Zi as PhotoHero, dr as PillToggle, zn as Popover, Ta as PresenceIndicator, Ua as PriceDisplay, Ka as ProductCard, qa as ProductCarousel, $e as Progress, lt as ProgressRing, ba as ProgressSteps, i as PromptCoordinatorProvider, Hi as Prose, Wa as QuantitySelector, ua as QuickActionGrid, un as Radio, dn as RadioGroup, Ga as RatingDisplay, Rn as ResponsiveDialog, Xa as ReviewCard, ir as ReviewOverlay, Za as ReviewSummary, K as SafeAreaInsetsProvider, Vi as Screen, xn as Scrim, ti as ScrollArea, Ei as SearchBar, Fi as SectionHeader, sr as Select, Ke as Separator, ki as SettingsListRow, Oi as SettingsSection, Sa as ShareButtons, $ as Sheet, ii as SimplePagination, Z as Skeleton, qe as SkeletonText, fn as Slider, Aa as SocialIcon, Oa as SocialLoginButton, Ge as Spinner, Pe as Stack, ft as StarRating, mt as StatCard, Si as StatusActionBadge, Ii as StickyActionBar, oi as SubNav, Li as SwipeRow, an as Switch, ht as SyncStatusBadge, Ci as SyncStatusButton, mr as Tabs, _r as TabsContent, hr as TabsList, gr as TabsTrigger, We as Tag, xa as TagInput, de as Text, Yt as Textarea, te as ThemeProvider, Kr as TimePicker, Yn as ToastProvider, La as createExpoRouterTabBar, d as getTheme, J as hasInsetEdge, t as isAutoPromptSuppressed, Ee as isNativeLiquidGlassAvailable, u as primitives, ie as resolveAppHeaderPaddingTop, oe as resolveBottomSheetTopInset, se as resolveFullscreenDialogPadding, q as resolveInsetEdge, ce as resolveScrimAlignment, le as resolveScrimContentStyle, ae as resolveTopSheetPaddingTop, Y as resolveTypo, c as scales, e as suppressAutoPrompts, l as themeNames, s as themes, Jn as toast, r as usePromptCoordinator, a as usePromptSlot, ne as useSafeAreaInsets, W as useTheme, Hn as useToast };
|