@medway-ui/native 1.0.4 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +76 -3
- package/lib/commonjs/components/Alert.js +6 -3
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/AlertDialog.js +38 -15
- package/lib/commonjs/components/AlertDialog.js.map +1 -1
- package/lib/commonjs/components/Avatar.js +101 -0
- package/lib/commonjs/components/Avatar.js.map +1 -0
- package/lib/commonjs/components/CardNews.js +319 -0
- package/lib/commonjs/components/CardNews.js.map +1 -0
- package/lib/commonjs/components/Checkbox.js +36 -13
- package/lib/commonjs/components/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Dialog.js +15 -10
- package/lib/commonjs/components/Dialog.js.map +1 -1
- package/lib/commonjs/components/EmptyState.js +42 -0
- package/lib/commonjs/components/EmptyState.js.map +1 -0
- package/lib/commonjs/components/FallbackImage.js +55 -0
- package/lib/commonjs/components/FallbackImage.js.map +1 -0
- package/lib/commonjs/components/Input.js +55 -16
- package/lib/commonjs/components/Input.js.map +1 -1
- package/lib/commonjs/components/Label.js +43 -14
- package/lib/commonjs/components/Label.js.map +1 -1
- package/lib/commonjs/components/Loading.js +7 -3
- package/lib/commonjs/components/Loading.js.map +1 -1
- package/lib/commonjs/components/PageHeader.js +39 -0
- package/lib/commonjs/components/PageHeader.js.map +1 -0
- package/lib/commonjs/components/Select.js +32 -13
- package/lib/commonjs/components/Select.js.map +1 -1
- package/lib/commonjs/components/Sheet.js +14 -9
- package/lib/commonjs/components/Sheet.js.map +1 -1
- package/lib/commonjs/components/Skeleton.js +34 -0
- package/lib/commonjs/components/Skeleton.js.map +1 -0
- package/lib/commonjs/components/Switch.js +43 -14
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/ThemedIcon.js +29 -0
- package/lib/commonjs/components/ThemedIcon.js.map +1 -0
- package/lib/commonjs/components/Toast.js +24 -12
- package/lib/commonjs/components/Toast.js.map +1 -1
- package/lib/commonjs/components/Tooltip.js +5 -3
- package/lib/commonjs/components/Tooltip.js.map +1 -1
- package/lib/commonjs/hooks/useThemeColor.js +71 -0
- package/lib/commonjs/hooks/useThemeColor.js.map +1 -0
- package/lib/commonjs/index.js +152 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/Alert.js +6 -3
- package/lib/module/components/Alert.js.map +1 -1
- package/lib/module/components/AlertDialog.js +38 -15
- package/lib/module/components/AlertDialog.js.map +1 -1
- package/lib/module/components/Avatar.js +94 -0
- package/lib/module/components/Avatar.js.map +1 -0
- package/lib/module/components/CardNews.js +303 -0
- package/lib/module/components/CardNews.js.map +1 -0
- package/lib/module/components/Checkbox.js +37 -14
- package/lib/module/components/Checkbox.js.map +1 -1
- package/lib/module/components/Dialog.js +15 -10
- package/lib/module/components/Dialog.js.map +1 -1
- package/lib/module/components/EmptyState.js +39 -0
- package/lib/module/components/EmptyState.js.map +1 -0
- package/lib/module/components/FallbackImage.js +51 -0
- package/lib/module/components/FallbackImage.js.map +1 -0
- package/lib/module/components/Input.js +55 -16
- package/lib/module/components/Input.js.map +1 -1
- package/lib/module/components/Label.js +44 -15
- package/lib/module/components/Label.js.map +1 -1
- package/lib/module/components/Loading.js +7 -3
- package/lib/module/components/Loading.js.map +1 -1
- package/lib/module/components/PageHeader.js +36 -0
- package/lib/module/components/PageHeader.js.map +1 -0
- package/lib/module/components/Select.js +32 -13
- package/lib/module/components/Select.js.map +1 -1
- package/lib/module/components/Sheet.js +14 -9
- package/lib/module/components/Sheet.js.map +1 -1
- package/lib/module/components/Skeleton.js +30 -0
- package/lib/module/components/Skeleton.js.map +1 -0
- package/lib/module/components/Switch.js +44 -15
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/components/ThemedIcon.js +26 -0
- package/lib/module/components/ThemedIcon.js.map +1 -0
- package/lib/module/components/Toast.js +24 -12
- package/lib/module/components/Toast.js.map +1 -1
- package/lib/module/components/Tooltip.js +6 -4
- package/lib/module/components/Tooltip.js.map +1 -1
- package/lib/module/hooks/useThemeColor.js +68 -0
- package/lib/module/hooks/useThemeColor.js.map +1 -0
- package/lib/module/index.js +15 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/Alert.d.ts.map +1 -1
- package/lib/typescript/components/AlertDialog.d.ts +2 -2
- package/lib/typescript/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/components/Avatar.d.ts +28 -0
- package/lib/typescript/components/Avatar.d.ts.map +1 -0
- package/lib/typescript/components/CardNews.d.ts +54 -0
- package/lib/typescript/components/CardNews.d.ts.map +1 -0
- package/lib/typescript/components/Checkbox.d.ts +5 -5
- package/lib/typescript/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/components/Dialog.d.ts.map +1 -1
- package/lib/typescript/components/EmptyState.d.ts +13 -0
- package/lib/typescript/components/EmptyState.d.ts.map +1 -0
- package/lib/typescript/components/FallbackImage.d.ts +9 -0
- package/lib/typescript/components/FallbackImage.d.ts.map +1 -0
- package/lib/typescript/components/Input.d.ts +4 -5
- package/lib/typescript/components/Input.d.ts.map +1 -1
- package/lib/typescript/components/Label.d.ts.map +1 -1
- package/lib/typescript/components/Loading.d.ts +5 -1
- package/lib/typescript/components/Loading.d.ts.map +1 -1
- package/lib/typescript/components/PageHeader.d.ts +12 -0
- package/lib/typescript/components/PageHeader.d.ts.map +1 -0
- package/lib/typescript/components/Select.d.ts +3 -1
- package/lib/typescript/components/Select.d.ts.map +1 -1
- package/lib/typescript/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton.d.ts +8 -0
- package/lib/typescript/components/Skeleton.d.ts.map +1 -0
- package/lib/typescript/components/Switch.d.ts +2 -2
- package/lib/typescript/components/Switch.d.ts.map +1 -1
- package/lib/typescript/components/ThemedIcon.d.ts +24 -0
- package/lib/typescript/components/ThemedIcon.d.ts.map +1 -0
- package/lib/typescript/components/Toast.d.ts +1 -1
- package/lib/typescript/components/Toast.d.ts.map +1 -1
- package/lib/typescript/components/Tooltip.d.ts.map +1 -1
- package/lib/typescript/hooks/useThemeColor.d.ts +11 -0
- package/lib/typescript/hooks/useThemeColor.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +16 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +28 -4
- package/setup/MedwayUiProvider.tsx +65 -0
- package/setup/babel-brownfield.js +50 -0
- package/setup/createMedwayUiNavigator.tsx +94 -0
- package/setup/global.css +5 -0
- package/setup/index.ts +12 -0
- package/setup/index.tsx +42 -0
- package/setup/lazyScreen.tsx +14 -0
- package/setup/metro.js +195 -0
- package/setup/tailwind.js +64 -0
- package/setup/tokens.native.css +873 -0
- package/src/components/Alert.tsx +3 -1
- package/src/components/AlertDialog.tsx +63 -19
- package/src/components/Avatar.tsx +130 -0
- package/src/components/CardNews.tsx +412 -0
- package/src/components/Checkbox.tsx +51 -23
- package/src/components/Dialog.tsx +13 -7
- package/src/components/EmptyState.tsx +57 -0
- package/src/components/FallbackImage.tsx +58 -0
- package/src/components/Input.tsx +65 -19
- package/src/components/Label.tsx +49 -14
- package/src/components/Loading.tsx +13 -2
- package/src/components/PageHeader.tsx +50 -0
- package/src/components/Select.tsx +22 -10
- package/src/components/Sheet.tsx +30 -24
- package/src/components/Skeleton.tsx +45 -0
- package/src/components/Switch.tsx +64 -32
- package/src/components/ThemedIcon.tsx +46 -0
- package/src/components/Toast.tsx +26 -13
- package/src/components/Tooltip.tsx +1 -0
- package/src/hooks/useThemeColor.ts +79 -0
- package/src/index.ts +60 -0
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CardNews = CardNews;
|
|
7
|
+
exports.CardNewsAuthor = CardNewsAuthor;
|
|
8
|
+
exports.CardNewsBody = CardNewsBody;
|
|
9
|
+
exports.CardNewsContent = CardNewsContent;
|
|
10
|
+
exports.CardNewsDate = CardNewsDate;
|
|
11
|
+
exports.CardNewsDescription = CardNewsDescription;
|
|
12
|
+
exports.CardNewsFooter = CardNewsFooter;
|
|
13
|
+
exports.CardNewsHeader = CardNewsHeader;
|
|
14
|
+
exports.CardNewsImage = CardNewsImage;
|
|
15
|
+
exports.CardNewsResourceItem = CardNewsResourceItem;
|
|
16
|
+
exports.CardNewsResources = CardNewsResources;
|
|
17
|
+
exports.CardNewsSkeleton = CardNewsSkeleton;
|
|
18
|
+
exports.CardNewsTags = CardNewsTags;
|
|
19
|
+
exports.CardNewsTitle = CardNewsTitle;
|
|
20
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
21
|
+
var _native = require("@medway-ui/icons/native");
|
|
22
|
+
var _react = require("react");
|
|
23
|
+
var _reactNative = require("react-native");
|
|
24
|
+
var _Avatar = require("@/components/Avatar");
|
|
25
|
+
var _Button = require("@/components/Button");
|
|
26
|
+
var _FallbackImage = require("@/components/FallbackImage");
|
|
27
|
+
var _Skeleton = require("@/components/Skeleton");
|
|
28
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
29
|
+
var _utils = require("@/lib/utils");
|
|
30
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
|
+
const CardNewsContext = /*#__PURE__*/(0, _react.createContext)({
|
|
32
|
+
orientation: "vertical"
|
|
33
|
+
});
|
|
34
|
+
const HORIZONTAL_IMAGE_MIN_WIDTH = 1280;
|
|
35
|
+
const cardNewsVariants = (0, _classVarianceAuthority.cva)("flex border", {
|
|
36
|
+
variants: {
|
|
37
|
+
variant: {
|
|
38
|
+
default: "rounded-lg border-secondary-stroke bg-secondary-background-soft-muted p-6",
|
|
39
|
+
read: "rounded-lg border-gray-stroke-muted bg-surface-card p-6",
|
|
40
|
+
compact: "rounded-xl border-gray-stroke-muted bg-surface-card p-4"
|
|
41
|
+
},
|
|
42
|
+
orientation: {
|
|
43
|
+
vertical: "flex-col gap-6",
|
|
44
|
+
horizontal: "flex-row gap-10"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
defaultVariants: {
|
|
48
|
+
variant: "default",
|
|
49
|
+
orientation: "vertical"
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
function CardNews({
|
|
53
|
+
className,
|
|
54
|
+
isRead,
|
|
55
|
+
variant,
|
|
56
|
+
orientation = "vertical",
|
|
57
|
+
...props
|
|
58
|
+
}) {
|
|
59
|
+
const resolvedVariant = isRead ? "read" : variant ?? "default";
|
|
60
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardNewsContext.Provider, {
|
|
61
|
+
value: {
|
|
62
|
+
orientation: orientation ?? "vertical"
|
|
63
|
+
},
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
65
|
+
className: (0, _utils.cn)(cardNewsVariants({
|
|
66
|
+
variant: resolvedVariant,
|
|
67
|
+
orientation
|
|
68
|
+
}), className),
|
|
69
|
+
...props
|
|
70
|
+
})
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function CardNewsBody({
|
|
74
|
+
className,
|
|
75
|
+
style,
|
|
76
|
+
...props
|
|
77
|
+
}) {
|
|
78
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
79
|
+
className: (0, _utils.cn)("flex min-w-0 flex-1 flex-col gap-6", className),
|
|
80
|
+
style: [{
|
|
81
|
+
minWidth: 0
|
|
82
|
+
}, style],
|
|
83
|
+
...props
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
function CardNewsHeader({
|
|
87
|
+
className,
|
|
88
|
+
...props
|
|
89
|
+
}) {
|
|
90
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
91
|
+
className: (0, _utils.cn)("flex w-full flex-row flex-wrap items-start justify-between gap-4", className),
|
|
92
|
+
...props
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
function CardNewsTags({
|
|
96
|
+
className,
|
|
97
|
+
...props
|
|
98
|
+
}) {
|
|
99
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
100
|
+
className: (0, _utils.cn)("flex min-w-0 flex-1 flex-row flex-wrap items-center gap-x-4 gap-y-3", className),
|
|
101
|
+
...props
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
function CardNewsDate({
|
|
105
|
+
className,
|
|
106
|
+
icon,
|
|
107
|
+
children,
|
|
108
|
+
...props
|
|
109
|
+
}) {
|
|
110
|
+
const iconColor = (0, _useThemeColor.useThemeColor)("primary-foreground");
|
|
111
|
+
const resolvedIcon = icon ?? (iconColor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Calendar, {
|
|
112
|
+
width: 16,
|
|
113
|
+
height: 16,
|
|
114
|
+
color: iconColor
|
|
115
|
+
}) : null);
|
|
116
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
117
|
+
className: (0, _utils.cn)("shrink-0 flex-row items-center gap-1.5", className),
|
|
118
|
+
...props,
|
|
119
|
+
children: [resolvedIcon, children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
120
|
+
className: "text-xs font-semibold leading-xs text-primary-foreground",
|
|
121
|
+
children: children
|
|
122
|
+
}) : null]
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
function CardNewsImage({
|
|
126
|
+
className,
|
|
127
|
+
src,
|
|
128
|
+
alt = "",
|
|
129
|
+
imageProps,
|
|
130
|
+
children,
|
|
131
|
+
...props
|
|
132
|
+
}) {
|
|
133
|
+
const {
|
|
134
|
+
orientation
|
|
135
|
+
} = (0, _react.useContext)(CardNewsContext);
|
|
136
|
+
const {
|
|
137
|
+
width
|
|
138
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
139
|
+
const [hasError, setHasError] = (0, _react.useState)(false);
|
|
140
|
+
const showImage = !!src && !hasError;
|
|
141
|
+
const showHorizontalImage = orientation !== "horizontal" || width >= HORIZONTAL_IMAGE_MIN_WIDTH;
|
|
142
|
+
if (!showHorizontalImage) {
|
|
143
|
+
return null;
|
|
144
|
+
}
|
|
145
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
146
|
+
className: (0, _utils.cn)("relative overflow-hidden bg-gray-background-soft", orientation === "vertical" ? "h-[300px] w-full rounded-lg" : "w-[482px] rounded-xl", className),
|
|
147
|
+
...props,
|
|
148
|
+
children: showImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
149
|
+
source: {
|
|
150
|
+
uri: src
|
|
151
|
+
},
|
|
152
|
+
accessibilityLabel: alt,
|
|
153
|
+
className: "absolute inset-0 size-full",
|
|
154
|
+
resizeMode: "cover",
|
|
155
|
+
...imageProps,
|
|
156
|
+
onError: event => {
|
|
157
|
+
imageProps?.onError?.(event);
|
|
158
|
+
setHasError(true);
|
|
159
|
+
}
|
|
160
|
+
}) : children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FallbackImage.FallbackImage, {
|
|
161
|
+
className: "absolute inset-0"
|
|
162
|
+
})
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
function CardNewsContent({
|
|
166
|
+
className,
|
|
167
|
+
...props
|
|
168
|
+
}) {
|
|
169
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
170
|
+
className: (0, _utils.cn)("flex w-full flex-col gap-6", className),
|
|
171
|
+
...props
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
function CardNewsTitle({
|
|
175
|
+
className,
|
|
176
|
+
children,
|
|
177
|
+
...props
|
|
178
|
+
}) {
|
|
179
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
180
|
+
numberOfLines: 2,
|
|
181
|
+
className: (0, _utils.cn)("-mb-2 text-title-xs font-semibold leading-title-xs text-primary-foreground", className),
|
|
182
|
+
...props,
|
|
183
|
+
children: children
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
function CardNewsDescription({
|
|
187
|
+
className,
|
|
188
|
+
children,
|
|
189
|
+
...props
|
|
190
|
+
}) {
|
|
191
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
192
|
+
numberOfLines: 3,
|
|
193
|
+
className: (0, _utils.cn)("text-md leading-md text-primary-foreground", className),
|
|
194
|
+
...props,
|
|
195
|
+
children: children
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
function CardNewsResources({
|
|
199
|
+
className,
|
|
200
|
+
label,
|
|
201
|
+
children,
|
|
202
|
+
...props
|
|
203
|
+
}) {
|
|
204
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
205
|
+
className: (0, _utils.cn)("flex flex-col gap-2", className),
|
|
206
|
+
...props,
|
|
207
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
208
|
+
className: "text-sm font-semibold leading-sm text-primary-foreground-muted",
|
|
209
|
+
children: label
|
|
210
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
211
|
+
className: "flex-row flex-wrap gap-2",
|
|
212
|
+
children: children
|
|
213
|
+
})]
|
|
214
|
+
});
|
|
215
|
+
}
|
|
216
|
+
function CardNewsResourceItem({
|
|
217
|
+
className,
|
|
218
|
+
children,
|
|
219
|
+
iconLeft,
|
|
220
|
+
...props
|
|
221
|
+
}) {
|
|
222
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
223
|
+
variant: "outlined",
|
|
224
|
+
size: "sm",
|
|
225
|
+
className: (0, _utils.cn)("bg-surface-card", className),
|
|
226
|
+
iconLeft: iconLeft,
|
|
227
|
+
...props,
|
|
228
|
+
children: children
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
function getInitials(name) {
|
|
232
|
+
return name.trim().split(/\s+/).slice(0, 2).map(word => word[0] ?? "").join("").toUpperCase();
|
|
233
|
+
}
|
|
234
|
+
function CardNewsAuthor({
|
|
235
|
+
className,
|
|
236
|
+
src,
|
|
237
|
+
alt,
|
|
238
|
+
name,
|
|
239
|
+
role,
|
|
240
|
+
children,
|
|
241
|
+
...props
|
|
242
|
+
}) {
|
|
243
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
244
|
+
className: (0, _utils.cn)("flex-row items-center gap-2", className),
|
|
245
|
+
...props,
|
|
246
|
+
children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
247
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Avatar.Avatar, {
|
|
248
|
+
size: "md",
|
|
249
|
+
alt: alt ?? name ?? "",
|
|
250
|
+
children: [src ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.AvatarImage, {
|
|
251
|
+
src: src
|
|
252
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.AvatarFallback, {
|
|
253
|
+
children: name ? getInitials(name) : undefined
|
|
254
|
+
})]
|
|
255
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
256
|
+
className: "flex flex-col gap-0.5",
|
|
257
|
+
children: [role ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
258
|
+
className: "text-xs font-medium leading-xs text-secondary-foreground",
|
|
259
|
+
children: role
|
|
260
|
+
}) : null, name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
261
|
+
className: "text-sm font-semibold leading-sm text-primary-foreground",
|
|
262
|
+
children: name
|
|
263
|
+
}) : null]
|
|
264
|
+
})]
|
|
265
|
+
})
|
|
266
|
+
});
|
|
267
|
+
}
|
|
268
|
+
function CardNewsFooter({
|
|
269
|
+
className,
|
|
270
|
+
...props
|
|
271
|
+
}) {
|
|
272
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
273
|
+
className: (0, _utils.cn)("flex w-full flex-row flex-wrap items-center gap-6 gap-y-3", className),
|
|
274
|
+
...props
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
function CardNewsSkeleton({
|
|
278
|
+
className,
|
|
279
|
+
...props
|
|
280
|
+
}) {
|
|
281
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
282
|
+
className: (0, _utils.cn)("gap-6 rounded-lg border border-gray-stroke-muted bg-surface-card p-6", className),
|
|
283
|
+
...props,
|
|
284
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
285
|
+
className: "flex-row items-start justify-between gap-4",
|
|
286
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
287
|
+
className: "flex-1 flex-row flex-wrap gap-2",
|
|
288
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
289
|
+
className: "h-7 w-[88px] rounded-full"
|
|
290
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
291
|
+
className: "h-7 w-[72px] rounded-full"
|
|
292
|
+
})]
|
|
293
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
294
|
+
className: "h-4 w-[72px]"
|
|
295
|
+
})]
|
|
296
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
297
|
+
className: "h-[150px] w-full rounded-lg"
|
|
298
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
299
|
+
className: "gap-2",
|
|
300
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
301
|
+
className: "h-7 w-24 rounded-full"
|
|
302
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
303
|
+
className: "h-5 w-full"
|
|
304
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
305
|
+
className: "h-4 w-full"
|
|
306
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
307
|
+
className: "h-4 w-[85%]"
|
|
308
|
+
})]
|
|
309
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
310
|
+
className: "gap-4",
|
|
311
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
312
|
+
className: "h-12 w-full rounded-lg"
|
|
313
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
|
|
314
|
+
className: "h-12 w-full rounded-lg"
|
|
315
|
+
})]
|
|
316
|
+
})]
|
|
317
|
+
});
|
|
318
|
+
}
|
|
319
|
+
//# sourceMappingURL=CardNews.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_native","_react","_reactNative","_Avatar","_Button","_FallbackImage","_Skeleton","_useThemeColor","_utils","_jsxRuntime","CardNewsContext","createContext","orientation","HORIZONTAL_IMAGE_MIN_WIDTH","cardNewsVariants","cva","variants","variant","default","read","compact","vertical","horizontal","defaultVariants","CardNews","className","isRead","props","resolvedVariant","jsx","Provider","value","children","View","cn","CardNewsBody","style","minWidth","CardNewsHeader","CardNewsTags","CardNewsDate","icon","iconColor","useThemeColor","resolvedIcon","Calendar","width","height","color","jsxs","Text","CardNewsImage","src","alt","imageProps","useContext","useWindowDimensions","hasError","setHasError","useState","showImage","showHorizontalImage","Image","source","uri","accessibilityLabel","resizeMode","onError","event","FallbackImage","CardNewsContent","CardNewsTitle","numberOfLines","CardNewsDescription","CardNewsResources","label","CardNewsResourceItem","iconLeft","Button","size","getInitials","name","trim","split","slice","map","word","join","toUpperCase","CardNewsAuthor","role","Fragment","Avatar","AvatarImage","AvatarFallback","undefined","CardNewsFooter","CardNewsSkeleton","Skeleton"],"sourceRoot":"../../../src","sources":["components/CardNews.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,9 +7,10 @@ exports.Checkbox = Checkbox;
|
|
|
7
7
|
exports.checkboxVariants = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var CheckboxPrimitive = _interopRequireWildcard(require("@rn-primitives/checkbox"));
|
|
10
|
-
var _native = require("@medway-ui/icons/native");
|
|
11
10
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
12
11
|
var _utils = require("@/lib/utils");
|
|
12
|
+
var _native = require("@medway-ui/icons/native");
|
|
13
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
16
|
const ICON_SIZES = {
|
|
@@ -17,6 +18,11 @@ const ICON_SIZES = {
|
|
|
17
18
|
md: 16,
|
|
18
19
|
lg: 20
|
|
19
20
|
};
|
|
21
|
+
const CHECKBOX_DIMENSIONS = {
|
|
22
|
+
sm: 16,
|
|
23
|
+
md: 20,
|
|
24
|
+
lg: 24
|
|
25
|
+
};
|
|
20
26
|
const checkboxVariants = exports.checkboxVariants = (0, _classVarianceAuthority.cva)("items-center justify-center rounded-sm border-2 shrink-0", {
|
|
21
27
|
variants: {
|
|
22
28
|
variant: {
|
|
@@ -52,21 +58,36 @@ function Checkbox({
|
|
|
52
58
|
defaultChecked = false,
|
|
53
59
|
onCheckedChange,
|
|
54
60
|
disabled,
|
|
61
|
+
style,
|
|
62
|
+
children,
|
|
55
63
|
...props
|
|
56
64
|
}) {
|
|
57
65
|
const resolvedSize = size ?? "md";
|
|
58
66
|
const iconSize = ICON_SIZES[resolvedSize];
|
|
67
|
+
const dimension = CHECKBOX_DIMENSIONS[resolvedSize];
|
|
59
68
|
const [internalChecked, setInternalChecked] = (0, _react.useState)(defaultChecked);
|
|
60
69
|
const isControlled = checked !== undefined;
|
|
61
70
|
const isChecked = isControlled ? checked : internalChecked;
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
|
|
71
|
+
const iconColor = (0, _useThemeColor.useThemeColor)("primary-foreground-onfill");
|
|
72
|
+
const handleCheckedChange = nextChecked => {
|
|
73
|
+
if (!isControlled) setInternalChecked(nextChecked);
|
|
74
|
+
onCheckedChange?.(nextChecked);
|
|
75
|
+
};
|
|
76
|
+
const rootStyle = {
|
|
77
|
+
width: dimension,
|
|
78
|
+
height: dimension,
|
|
79
|
+
minWidth: dimension,
|
|
80
|
+
minHeight: dimension,
|
|
81
|
+
borderWidth: 2,
|
|
82
|
+
borderRadius: 4,
|
|
83
|
+
alignItems: "center",
|
|
84
|
+
justifyContent: "center"
|
|
65
85
|
};
|
|
66
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
86
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CheckboxPrimitive.Root, {
|
|
67
87
|
checked: isChecked,
|
|
68
88
|
onCheckedChange: handleCheckedChange,
|
|
69
89
|
disabled: disabled,
|
|
90
|
+
style: state => [rootStyle, typeof style === "function" ? style(state) : style],
|
|
70
91
|
className: (0, _utils.cn)(checkboxVariants({
|
|
71
92
|
size,
|
|
72
93
|
variant,
|
|
@@ -74,18 +95,20 @@ function Checkbox({
|
|
|
74
95
|
disabled: disabled ?? false
|
|
75
96
|
}), className),
|
|
76
97
|
...props,
|
|
77
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
|
|
98
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
|
|
78
99
|
className: "items-center justify-center",
|
|
79
|
-
children: uncheckIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.RemoveMinus, {
|
|
80
|
-
|
|
100
|
+
children: iconColor && (uncheckIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.RemoveMinus, {
|
|
101
|
+
width: iconSize,
|
|
102
|
+
height: iconSize,
|
|
81
103
|
strokeWidth: 2.6,
|
|
82
|
-
|
|
104
|
+
color: iconColor
|
|
83
105
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Check, {
|
|
84
|
-
|
|
106
|
+
width: iconSize,
|
|
107
|
+
height: iconSize,
|
|
85
108
|
strokeWidth: 2.6,
|
|
86
|
-
|
|
87
|
-
})
|
|
88
|
-
})
|
|
109
|
+
color: iconColor
|
|
110
|
+
}))
|
|
111
|
+
}), children]
|
|
89
112
|
});
|
|
90
113
|
}
|
|
91
114
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","CheckboxPrimitive","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"names":["_react","require","CheckboxPrimitive","_interopRequireWildcard","_classVarianceAuthority","_utils","_native","_useThemeColor","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ICON_SIZES","sm","md","lg","CHECKBOX_DIMENSIONS","checkboxVariants","exports","cva","variants","variant","regular","size","checked","true","false","disabled","defaultVariants","Checkbox","className","uncheckIcon","defaultChecked","onCheckedChange","style","children","props","resolvedSize","iconSize","dimension","internalChecked","setInternalChecked","useState","isControlled","undefined","isChecked","iconColor","useThemeColor","handleCheckedChange","nextChecked","rootStyle","width","height","minWidth","minHeight","borderWidth","borderRadius","alignItems","justifyContent","jsxs","Root","state","cn","jsx","Indicator","RemoveMinus","strokeWidth","color","Check"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,6 +18,7 @@ var _react = require("react");
|
|
|
18
18
|
var _reactNative = require("react-native");
|
|
19
19
|
var DialogPrimitive = _interopRequireWildcard(require("@rn-primitives/dialog"));
|
|
20
20
|
var _native = require("@medway-ui/icons/native");
|
|
21
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
21
22
|
var _utils = require("@/lib/utils");
|
|
22
23
|
var _Separator = require("@/components/Separator");
|
|
23
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -66,21 +67,25 @@ function DialogContainer({
|
|
|
66
67
|
showCloseButton = true,
|
|
67
68
|
...props
|
|
68
69
|
}) {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
70
|
+
const closeIconColor = (0, _useThemeColor.useThemeColor)("gray-foreground");
|
|
71
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogPrimitive.Portal, {
|
|
72
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Overlay, {
|
|
73
|
+
className: (0, _utils.cn)("absolute inset-0 bg-black/50", overlayClassName)
|
|
74
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Content, {
|
|
75
|
+
className: "absolute inset-0 items-center justify-center px-4",
|
|
76
|
+
...props,
|
|
77
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
78
|
+
className: (0, _utils.cn)("relative flex-col max-h-[90%] w-full rounded-xl bg-background shadow-lg overflow-hidden", className),
|
|
75
79
|
children: [children, showCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Close, {
|
|
76
80
|
className: "absolute right-3 top-3 rounded-pill p-1.5 active:bg-gray-background-soft",
|
|
77
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.CloseMd, {
|
|
78
|
-
|
|
79
|
-
|
|
81
|
+
children: closeIconColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.CloseMd, {
|
|
82
|
+
width: 16,
|
|
83
|
+
height: 16,
|
|
84
|
+
color: closeIconColor
|
|
80
85
|
})
|
|
81
86
|
})]
|
|
82
87
|
})
|
|
83
|
-
})
|
|
88
|
+
})]
|
|
84
89
|
});
|
|
85
90
|
}
|
|
86
91
|
function DialogContent({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","DialogPrimitive","_interopRequireWildcard","_native","_utils","_Separator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","props","jsx","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","cn","DialogContainer","overlayClassName","children","showCloseButton","jsxs","Content","CloseMd","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","DialogPrimitive","_interopRequireWildcard","_native","_useThemeColor","_utils","_Separator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","props","jsx","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","cn","DialogContainer","overlayClassName","children","showCloseButton","closeIconColor","useThemeColor","jsxs","Content","View","CloseMd","width","height","color","DialogContent","containerClassName","ScrollView","contentContainerStyle","flexGrow","DialogHeader","separator","Fragment","Separator","DialogFooter","DialogTitle","iconLeft","iconRight","renderIcon","icon","isValidElement","cloneElement","size","strokeWidth","Title","Text","DialogDescription","Description"],"sourceRoot":"../../../src","sources":["components/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EmptyState = EmptyState;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _Alert = require("@/components/Alert");
|
|
9
|
+
var _utils = require("@/lib/utils");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function EmptyState({
|
|
12
|
+
className,
|
|
13
|
+
icon,
|
|
14
|
+
title,
|
|
15
|
+
description,
|
|
16
|
+
action,
|
|
17
|
+
variant = "regular",
|
|
18
|
+
...props
|
|
19
|
+
}) {
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
21
|
+
className: (0, _utils.cn)("items-center gap-6 rounded-lg border border-gray-stroke-muted bg-surface-card p-8", className),
|
|
22
|
+
...props,
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.Alert, {
|
|
24
|
+
variant: variant,
|
|
25
|
+
className: "border-0 bg-transparent p-0",
|
|
26
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.AlertContainer, {
|
|
27
|
+
children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.AlertIcon, {
|
|
28
|
+
icon: icon
|
|
29
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.AlertContent, {
|
|
30
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.AlertTitle, {
|
|
31
|
+
children: title
|
|
32
|
+
}), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.AlertDescription, {
|
|
33
|
+
children: description
|
|
34
|
+
}) : null]
|
|
35
|
+
})]
|
|
36
|
+
}), action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.AlertActions, {
|
|
37
|
+
children: action
|
|
38
|
+
}) : null]
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_Alert","_utils","_jsxRuntime","EmptyState","className","icon","title","description","action","variant","props","jsx","View","cn","children","jsxs","Alert","AlertContainer","AlertIcon","AlertContent","AlertTitle","AlertDescription","AlertActions"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,IAAAG,WAAA,GAAAH,OAAA;AAUjC,SAASI,UAAUA,CAAC;EAClBC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC,WAAW;EACXC,MAAM;EACNC,OAAO,GAAG,SAAS;EACnB,GAAGC;AACY,CAAC,EAAE;EAClB,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAc,IAAI;IACHR,SAAS,EAAE,IAAAS,SAAE,EACX,mFAAmF,EACnFT,SACF,CAAE;IAAA,GACEM,KAAK;IAAAI,QAAA,eAET,IAAAZ,WAAA,CAAAa,IAAA,EAACf,MAAA,CAAAgB,KAAK;MAACP,OAAO,EAAEA,OAAQ;MAACL,SAAS,EAAC,6BAA6B;MAAAU,QAAA,gBAC9D,IAAAZ,WAAA,CAAAa,IAAA,EAACf,MAAA,CAAAiB,cAAc;QAAAH,QAAA,GACZT,IAAI,gBAAG,IAAAH,WAAA,CAAAS,GAAA,EAACX,MAAA,CAAAkB,SAAS;UAACb,IAAI,EAAEA;QAAK,CAAE,CAAC,GAAG,IAAI,eACxC,IAAAH,WAAA,CAAAa,IAAA,EAACf,MAAA,CAAAmB,YAAY;UAAAL,QAAA,gBACX,IAAAZ,WAAA,CAAAS,GAAA,EAACX,MAAA,CAAAoB,UAAU;YAAAN,QAAA,EAAER;UAAK,CAAa,CAAC,EAC/BC,WAAW,gBACV,IAAAL,WAAA,CAAAS,GAAA,EAACX,MAAA,CAAAqB,gBAAgB;YAAAP,QAAA,EAAEP;UAAW,CAAmB,CAAC,GAChD,IAAI;QAAA,CACI,CAAC;MAAA,CACD,CAAC,EAChBC,MAAM,gBAAG,IAAAN,WAAA,CAAAS,GAAA,EAACX,MAAA,CAAAsB,YAAY;QAAAR,QAAA,EAAEN;MAAM,CAAe,CAAC,GAAG,IAAI;IAAA,CACjD;EAAC,CACJ,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FallbackImage = FallbackImage;
|
|
7
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
8
|
+
var _utils = require("@/lib/utils");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const GRADIENT_ID = "medway-fallback-gradient";
|
|
12
|
+
const LOGO_PATH = "M104.229 3.90299H107.408C107.836 3.90299 108.122 4.34302 107.948 4.73464L100.413 21.6491C100.318 21.8625 100.106 22 99.8724 22H96.6935C96.2653 22 95.9791 21.56 96.153 21.1684L97.89 17.2687L92.3798 4.90074C92.1706 4.43102 92.5141 3.90189 93.0281 3.90189H95.8779C96.1585 3.90189 96.4128 4.0669 96.5262 4.32322L100.09 12.325L103.686 4.25391C103.781 4.0405 103.993 3.90299 104.227 3.90299H104.229ZM91.9043 11.0005V17.3875C91.9043 17.7791 91.5862 18.097 91.1943 18.097H88.9455C88.5537 18.097 88.2356 17.7791 88.2356 17.3875V17.2841C87.1547 17.8957 85.8999 18.2367 84.5647 18.2147C80.7496 18.152 77.6159 15.0928 77.4706 11.2822C77.3132 7.16906 80.6043 3.78419 84.6847 3.78419C88.765 3.78419 91.9043 7.01505 91.9043 10.9994V11.0005ZM88.0573 11.0005C88.0573 9.13926 86.5471 7.62888 84.6836 7.62888C82.8201 7.62888 81.3099 9.13816 81.3099 11.0005C81.3099 12.8629 82.8201 14.3722 84.6836 14.3722C86.5471 14.3722 88.0573 12.8629 88.0573 11.0005ZM75.4519 12.1578V4.61363C75.4519 4.22201 75.1338 3.9041 74.7419 3.9041H72.3159C71.9241 3.9041 71.606 4.22201 71.606 4.61363V12.2282C71.606 13.4273 70.6153 14.3997 69.4089 14.3711C68.2378 14.3436 67.3154 13.358 67.3154 12.1875V4.61363C67.3154 4.22201 66.9973 3.9041 66.6054 3.9041H64.1794C63.7876 3.9041 63.4695 4.22201 63.4695 4.61363V12.2282C63.4695 13.4273 62.4788 14.3997 61.2724 14.3711C60.1013 14.3436 59.1789 13.358 59.1789 12.1875V4.61363C59.1789 4.22201 58.8608 3.9041 58.4689 3.9041H56.0429C55.6511 3.9041 55.333 4.22201 55.333 4.61363V12.1578C55.333 15.4778 58.0507 18.2422 61.3726 18.2158C62.9235 18.2037 64.3346 17.5998 65.3935 16.6196C66.4524 17.5998 67.8635 18.2037 69.4144 18.2158C72.7364 18.2422 75.4541 15.4767 75.4541 12.1578H75.4519ZM49.7094 0H51.9582C52.35 0 52.6682 0.317916 52.6682 0.709535V17.3875C52.6682 17.7791 52.35 18.097 51.9582 18.097H49.7094C49.3176 18.097 48.9995 17.7791 48.9995 17.3875V17.2841C47.9505 17.877 46.7397 18.2158 45.4486 18.2158C41.3671 18.2158 38.0771 14.832 38.2345 10.7178C38.3798 6.90834 41.5135 3.84799 45.3286 3.78529C46.6648 3.76329 47.9186 4.1043 48.9995 4.71594V0.709535C48.9995 0.317916 49.3176 0 49.7094 0ZM48.8223 11.0005C48.8223 9.13926 47.3121 7.62888 45.4486 7.62888C43.585 7.62888 42.0749 9.13816 42.0749 11.0005C42.0749 12.8629 43.585 14.3722 45.4486 14.3722C47.3121 14.3722 48.8223 12.8629 48.8223 11.0005ZM26.4139 12.2425C26.1508 12.2425 25.9769 12.5186 26.0947 12.7529C26.6979 13.9608 27.9031 14.7847 29.2945 14.7847C30.2576 14.7847 31.1326 14.3887 31.7799 13.7452C31.9109 13.6143 32.0903 13.5428 32.2752 13.5428H34.8806C35.4265 13.5428 35.7689 14.1324 35.497 14.6054C34.2587 16.7626 31.945 18.2147 29.2945 18.2147C25.3396 18.2147 22.1343 14.9838 22.1343 10.9994C22.1343 7.01505 25.3407 3.78419 29.2945 3.78419C33.2482 3.78419 36.4546 7.01505 36.4546 10.9994C36.4546 11.1997 36.4469 11.3966 36.4304 11.5924C36.4007 11.9598 36.0914 12.2414 35.7226 12.2414H26.4139V12.2425ZM26.2356 8.98855C26.0947 9.22286 26.2686 9.52208 26.5427 9.52208H32.0451C32.3192 9.52208 32.4931 9.22396 32.3522 8.98855C31.7138 7.9237 30.5823 7.21526 29.2945 7.21526C28.0066 7.21526 26.8751 7.9237 26.2367 8.98855H26.2356ZM14.0815 3.78529C12.5306 3.79739 11.1194 4.40132 10.0605 5.38147C9.00165 4.40132 7.59054 3.79739 6.03963 3.78529C2.71767 3.75889 0 6.52443 0 9.84329V17.3875C0 17.7791 0.318107 18.097 0.709962 18.097H3.13594C3.52779 18.097 3.8459 17.7791 3.8459 17.3875V9.81359C3.8459 8.64313 4.7683 7.65748 5.93946 7.62998C7.14585 7.60138 8.13649 8.57383 8.13649 9.77289V17.3875C8.13649 17.7791 8.4546 18.097 8.84645 18.097H11.2724C11.6643 18.097 11.9824 17.7791 11.9824 17.3875V9.81359C11.9824 8.64313 12.9048 7.65748 14.076 7.62998C15.2823 7.60138 16.273 8.57383 16.273 9.77289V17.3875C16.273 17.7791 16.5911 18.097 16.9829 18.097H19.4089C19.8008 18.097 20.1189 17.7791 20.1189 17.3875V9.84329C20.1189 6.52333 17.4012 3.75889 14.0793 3.78529H14.0815Z";
|
|
13
|
+
function FallbackImage({
|
|
14
|
+
className,
|
|
15
|
+
label = "Medway",
|
|
16
|
+
...props
|
|
17
|
+
}) {
|
|
18
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
19
|
+
accessibilityRole: "image",
|
|
20
|
+
accessibilityLabel: label,
|
|
21
|
+
viewBox: "0 0 320 167",
|
|
22
|
+
preserveAspectRatio: "xMidYMid slice",
|
|
23
|
+
className: (0, _utils.cn)("size-full", className),
|
|
24
|
+
...props,
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.RadialGradient, {
|
|
27
|
+
id: GRADIENT_ID,
|
|
28
|
+
cx: "50%",
|
|
29
|
+
cy: "42%",
|
|
30
|
+
r: "78%",
|
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
32
|
+
offset: "0%",
|
|
33
|
+
stopColor: "#15397A"
|
|
34
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
35
|
+
offset: "55%",
|
|
36
|
+
stopColor: "#06245E"
|
|
37
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
38
|
+
offset: "100%",
|
|
39
|
+
stopColor: "#021536"
|
|
40
|
+
})]
|
|
41
|
+
})
|
|
42
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
|
|
43
|
+
width: "320",
|
|
44
|
+
height: "167",
|
|
45
|
+
fill: `url(#${GRADIENT_ID})`
|
|
46
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
47
|
+
transform: "translate(85.5 62.7) scale(1.38)",
|
|
48
|
+
fill: "#FFFFFF",
|
|
49
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
50
|
+
d: LOGO_PATH
|
|
51
|
+
})
|
|
52
|
+
})]
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=FallbackImage.js.map
|