@worldcoin/mini-apps-ui-kit-react 0.0.8 → 1.0.0-canary.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 +8 -17
- package/dist/components/AlertDialog/AlertDialog.js +94 -0
- package/dist/components/AlertDialog/index.d.ts +1 -0
- package/dist/components/AlertDialog/index.js +13 -0
- package/dist/components/AlertDialog/types.d.ts +172 -0
- package/dist/components/AlertDialog/types.js +1 -0
- package/dist/components/AlertDialog/use-alert-dialog.d.ts +6 -0
- package/dist/components/AlertDialog/use-alert-dialog.js +11 -0
- package/dist/components/BottomBar/BottomBar.d.ts +13 -0
- package/dist/components/BottomBar/BottomBar.js +21 -0
- package/dist/components/BottomBar/index.d.ts +1 -0
- package/dist/components/BottomBar/index.js +4 -0
- package/dist/components/BulletList/BulletList.d.ts +10 -0
- package/dist/components/BulletList/BulletList.js +11 -0
- package/dist/components/BulletList/index.d.ts +1 -0
- package/dist/components/BulletList/index.js +4 -0
- package/dist/components/BulletListItem/BulletListItem.d.ts +7 -0
- package/dist/components/BulletListItem/BulletListItem.js +23 -0
- package/dist/components/BulletListItem/index.d.ts +1 -0
- package/dist/components/BulletListItem/index.js +4 -0
- package/dist/components/BulletPoint/BulletPoint.d.ts +6 -0
- package/dist/components/BulletPoint/BulletPoint.js +22 -0
- package/dist/components/BulletPoint/index.d.ts +1 -0
- package/dist/components/BulletPoint/index.js +1 -0
- package/dist/components/Button/Button.d.ts +10 -22
- package/dist/components/Button/Button.js +41 -73
- package/dist/components/Checkbox/Checkbox.d.ts +24 -4
- package/dist/components/Checkbox/Checkbox.js +5 -5
- package/dist/components/Chip/Chip.d.ts +2 -1
- package/dist/components/Chip/Chip.js +14 -8
- package/dist/components/ClearButton/Clear.js +14 -14
- package/dist/components/ClearButton/ClearButton.js +11 -11
- package/dist/components/ColorPicker/ColorPicker.js +14 -14
- package/dist/components/CountryDrawer/CountryDrawer.d.ts +12 -0
- package/dist/components/CountryDrawer/CountryDrawer.js +63 -0
- package/dist/components/CountryDrawer/index.d.ts +1 -0
- package/dist/components/CountryDrawer/index.js +4 -0
- package/dist/components/CountryDrawer/useCountryFiltering.d.ts +7 -0
- package/dist/components/CountryDrawer/useCountryFiltering.js +9 -0
- package/dist/components/CountryDrawer/useCountryGrouping.d.ts +13 -0
- package/dist/components/CountryDrawer/useCountryGrouping.js +17 -0
- package/dist/components/Drawer/Drawer.d.ts +28 -6
- package/dist/components/Drawer/Drawer.js +67 -28
- package/dist/components/Drawer/index.js +6 -4
- package/dist/components/Drawer/types.d.ts +167 -0
- package/dist/components/Drawer/types.js +1 -0
- package/dist/components/Drawer/use-drawer.d.ts +8 -0
- package/dist/components/Drawer/use-drawer.js +11 -0
- package/dist/components/Flag/LazyFlag.js +1 -1
- package/dist/components/Flag/flag-components/eu.d.ts +3 -0
- package/dist/components/Flag/flag-components/eu.js +83 -0
- package/dist/components/Flag/flag-components/index.d.ts +1 -0
- package/dist/components/Flag/flag-components/index.js +56 -54
- package/dist/components/Form/Form.js +2 -2
- package/dist/components/Icons/ArrowDown.js +26 -0
- package/dist/components/Icons/Eye.d.ts +8 -0
- package/dist/components/Icons/Eye.js +40 -0
- package/dist/components/Icons/EyeClosed.d.ts +8 -0
- package/dist/components/Icons/EyeClosed.js +60 -0
- package/dist/components/Icons/Fail.d.ts +8 -0
- package/dist/components/Icons/Fail.js +82 -0
- package/dist/components/Icons/MagicWand.d.ts +8 -0
- package/dist/components/Icons/MagicWand.js +60 -0
- package/dist/components/Icons/Magnifier.d.ts +1 -1
- package/dist/components/Icons/Magnifier.js +20 -11
- package/dist/components/Icons/Success.d.ts +8 -0
- package/dist/components/Icons/Success.js +82 -0
- package/dist/components/Icons/Tick.js +6 -7
- package/dist/components/Icons/XMark.d.ts +8 -0
- package/dist/components/Icons/XMark.js +27 -0
- package/dist/components/Input/Input.d.ts +26 -2
- package/dist/components/Input/Input.js +116 -51
- package/dist/components/ListItem/ListItem.d.ts +17 -6
- package/dist/components/ListItem/ListItem.js +29 -22
- package/dist/components/Marble/Marble.d.ts +2 -0
- package/dist/components/Marble/Marble.js +23 -0
- package/dist/components/Marble/index.d.ts +1 -0
- package/dist/components/Marble/index.js +4 -0
- package/dist/components/NumberPad/Delete.d.ts +1 -8
- package/dist/components/NumberPad/Delete.js +9 -10
- package/dist/components/NumberPad/NumberPad.js +30 -24
- package/dist/components/OTPField/OTPField.js +8 -8
- package/dist/components/PasswordField/PasswordField.d.ts +13 -0
- package/dist/components/PasswordField/PasswordField.js +45 -0
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PasswordField/index.js +4 -0
- package/dist/components/PasteButton/PasteButton.d.ts +1 -1
- package/dist/components/PasteButton/PasteButton.js +21 -17
- package/dist/components/PhoneField/CountryListItem.d.ts +3 -4
- package/dist/components/PhoneField/CountryListItem.js +21 -25
- package/dist/components/PhoneField/CountrySelectorButton.d.ts +3 -4
- package/dist/components/PhoneField/CountrySelectorButton.js +17 -17
- package/dist/components/PhoneField/GroupedCountryList.d.ts +14 -0
- package/dist/components/PhoneField/GroupedCountryList.js +30 -0
- package/dist/components/PhoneField/PhoneField.d.ts +3 -14
- package/dist/components/PhoneField/PhoneField.js +71 -197
- package/dist/components/PhoneField/constants.js +4 -4
- package/dist/components/Pill/Pill.js +7 -7
- package/dist/components/Progress/Progress.d.ts +14 -0
- package/dist/components/Progress/Progress.js +31 -0
- package/dist/components/Progress/index.d.ts +1 -0
- package/dist/components/Progress/index.js +4 -0
- package/dist/components/RadioGroup/RadioGroupItem.js +1 -1
- package/dist/components/SearchField/SearchField.d.ts +6 -1
- package/dist/components/SearchField/SearchField.js +39 -35
- package/dist/components/Select/Select.js +46 -76
- package/dist/components/{Button → Spinner}/Spinner.d.ts +2 -2
- package/dist/components/Spinner/Spinner.js +36 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Spinner/index.js +4 -0
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Tabs/Tabs.d.ts +11 -0
- package/dist/components/Tabs/Tabs.js +58 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.js +5 -0
- package/dist/components/Tabs/types.d.ts +53 -0
- package/dist/components/Tabs/types.js +1 -0
- package/dist/components/TextArea/TextArea.d.ts +25 -0
- package/dist/components/TextArea/TextArea.js +54 -0
- package/dist/components/TextArea/index.d.ts +1 -0
- package/dist/components/TextArea/index.js +4 -0
- package/dist/components/Toast/Toast.d.ts +9 -0
- package/dist/components/Toast/Toast.js +51 -0
- package/dist/components/Toast/Toaster.d.ts +3 -0
- package/dist/components/Toast/Toaster.js +14 -0
- package/dist/components/Toast/index.d.ts +3 -0
- package/dist/components/Toast/index.js +12 -0
- package/dist/components/Toast/use-toast.d.ts +51 -0
- package/dist/components/Toast/use-toast.js +101 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +5 -0
- package/dist/components/ToggleGroup/ToggleGroup.js +28 -0
- package/dist/components/ToggleGroup/index.d.ts +1 -0
- package/dist/components/ToggleGroup/index.js +5 -0
- package/dist/components/ToggleGroup/types.d.ts +101 -0
- package/dist/components/ToggleGroup/types.js +1 -0
- package/dist/components/Token/Token.d.ts +4 -0
- package/dist/components/Token/Token.js +12 -7
- package/dist/components/Token/icons/btc.d.ts +2 -2
- package/dist/components/Token/icons/btc.js +13 -58
- package/dist/components/Token/icons/dai.d.ts +3 -0
- package/dist/components/Token/icons/dai.js +27 -0
- package/dist/components/Token/icons/eth.d.ts +2 -2
- package/dist/components/Token/icons/eth.js +11 -58
- package/dist/components/Token/icons/index.d.ts +2 -0
- package/dist/components/Token/icons/index.js +8 -4
- package/dist/components/Token/icons/types.d.ts +7 -0
- package/dist/components/Token/icons/types.js +1 -0
- package/dist/components/Token/icons/usdc.d.ts +2 -2
- package/dist/components/Token/icons/usdc.js +16 -56
- package/dist/components/Token/icons/usdt.d.ts +3 -0
- package/dist/components/Token/icons/usdt.js +27 -0
- package/dist/components/Token/icons/utils.d.ts +9 -0
- package/dist/components/Token/icons/utils.js +11 -0
- package/dist/components/Token/icons/wld.d.ts +2 -2
- package/dist/components/Token/icons/wld.js +10 -41
- package/dist/components/TopBar/TopBar.d.ts +11 -0
- package/dist/components/TopBar/TopBar.js +23 -0
- package/dist/components/TopBar/index.d.ts +1 -0
- package/dist/components/TopBar/index.js +4 -0
- package/dist/components/Typography/Typography.d.ts +12 -8
- package/dist/components/Typography/Typography.js +69 -57
- package/dist/components/WalletAddressField/WalletAddressField.d.ts +23 -0
- package/dist/components/WalletAddressField/WalletAddressField.js +81 -0
- package/dist/components/WalletAddressField/index.d.ts +1 -0
- package/dist/components/WalletAddressField/index.js +4 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +91 -45
- package/dist/lib/constants/dropdownStyles.d.ts +1 -1
- package/dist/lib/constants/dropdownStyles.js +2 -2
- package/dist/node_modules/.pnpm/@radix-ui_react-collection@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@1_tagbd57u5fsqga6qdjecsll7fm/node_modules/@radix-ui/react-collection/dist/index.js +49 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-dismissable-layer@1.1.5_@types_react-dom@18.3.5_@types_react@18.3.18__@types__nitdfoqpcbroetgllwgz3is5ai/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +131 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-portal@1.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._ulc3jfxcmrz2rfz7bui53djdtu/node_modules/@radix-ui/react-portal/dist/index.js +17 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js +35 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-progress@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._wpsg2ubedou6txnsnvgmus4txq/node_modules/@radix-ui/react-progress/dist/index.js +86 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-roving-focus@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_ki7uy4u3diz5446cqygvbjwuge/node_modules/@radix-ui/react-roving-focus/dist/index.js +181 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-slot@1.1.2_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js +44 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-toast@1.2.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_mux33mveszkw5z6iia6acnivvy/node_modules/@radix-ui/react-toast/dist/index.js +448 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js +137 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-toggle@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._yiv2ptaqcv244n5f7zfldmgupm/node_modules/@radix-ui/react-toggle/dist/index.js +31 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-visually-hidden@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_re_omyrydx3gc2oidaiqb4gsovieq/node_modules/@radix-ui/react-visually-hidden/dist/index.js +30 -0
- package/dist/tailwind/index.d.ts +41 -25
- package/dist/tailwind/index.js +128 -85
- package/package.json +73 -1
- package/public/fonts/TWKLausanne-350.woff +0 -0
- package/public/fonts/TWKLausanne-350Italic.woff +0 -0
- package/public/fonts/TWKLausanne-500.woff +0 -0
- package/public/fonts/TWKLausanne-500Italic.woff +0 -0
- package/public/fonts/TWKLausanne-600.woff +0 -0
- package/public/fonts/TWKLausanne-600Italic.woff +0 -0
- package/public/globals.css +1 -1
- package/public/images/marbles/marble1.png +0 -0
- package/public/images/marbles/marble2.png +0 -0
- package/public/images/marbles/marble3.svg +36 -0
- package/dist/components/Button/Spinner.js +0 -36
- package/dist/components/PhoneField/ArrowDown.js +0 -27
- package/dist/components/Select/ArrowDown.d.ts +0 -2
- package/dist/components/Select/ArrowDown.js +0 -27
- /package/dist/components/{PhoneField → Icons}/ArrowDown.d.ts +0 -0
@@ -1,31 +1,70 @@
|
|
1
1
|
"use client";
|
2
|
-
import {
|
3
|
-
import { cn as
|
4
|
-
import * as
|
5
|
-
import { Drawer as
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
2
|
+
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
3
|
+
import { cn as c } from "../../lib/utils.js";
|
4
|
+
import * as t from "react";
|
5
|
+
import { Drawer as i } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js";
|
6
|
+
import "../BottomBar/BottomBar.js";
|
7
|
+
import { Button as m } from "../Button/Button.js";
|
8
|
+
import { XMark as f } from "../Icons/XMark.js";
|
9
|
+
import { Typography as n } from "../Typography/Typography.js";
|
10
|
+
import { useDrawer as d, DrawerContext as h } from "./use-drawer.js";
|
11
|
+
const y = ({
|
12
|
+
dismissible: a = !0,
|
13
|
+
height: r = "full",
|
14
|
+
modal: l = !0,
|
15
|
+
...s
|
16
|
+
}) => /* @__PURE__ */ e(h.Provider, { value: { dismissible: a, height: r }, children: /* @__PURE__ */ e(
|
17
|
+
i.Root,
|
18
|
+
{
|
19
|
+
shouldScaleBackground: !1,
|
20
|
+
dismissible: a,
|
21
|
+
modal: l,
|
22
|
+
direction: "bottom",
|
23
|
+
...s
|
24
|
+
}
|
25
|
+
) });
|
26
|
+
y.displayName = "Drawer";
|
27
|
+
const u = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Trigger, { ref: r, ...a }));
|
28
|
+
u.displayName = i.Trigger.displayName;
|
29
|
+
const w = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Close, { ref: r, ...a })), p = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Overlay, { ref: r, className: "fixed inset-0 z-50 bg-gray-900/40", ...a }));
|
30
|
+
p.displayName = i.Overlay.displayName;
|
31
|
+
const N = t.forwardRef((a, r) => {
|
32
|
+
const { height: l } = d();
|
33
|
+
return /* @__PURE__ */ o(i.Portal, { children: [
|
34
|
+
/* @__PURE__ */ e(i.Overlay, { className: "fixed inset-0 z-50", children: /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-900 opacity-40" }) }),
|
35
|
+
/* @__PURE__ */ e(
|
36
|
+
i.Content,
|
37
|
+
{
|
38
|
+
ref: r,
|
39
|
+
...a,
|
40
|
+
className: c(
|
41
|
+
"fixed inset-x-0 bottom-0 z-50 mt-24 bg-gray-0 outline-none",
|
42
|
+
l === "full" ? "h-screen rounded-none" : "h-auto rounded-t-[1.75rem]",
|
43
|
+
a.className
|
44
|
+
)
|
45
|
+
}
|
46
|
+
)
|
47
|
+
] });
|
48
|
+
});
|
49
|
+
N.displayName = "DrawerContent";
|
50
|
+
const g = ({ icon: a, children: r, ...l }) => {
|
51
|
+
const { dismissible: s } = d();
|
52
|
+
return /* @__PURE__ */ o("div", { className: "flex justify-between items-center gap-4 mb-2 w-full", ...l, children: [
|
53
|
+
s && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "tertiary", size: "icon", children: /* @__PURE__ */ e(f, {}) }) }) }),
|
54
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: r }),
|
55
|
+
s && /* @__PURE__ */ e("div", { className: "shrink-0 size-10" })
|
56
|
+
] });
|
57
|
+
};
|
58
|
+
g.displayName = "DrawerHeader";
|
59
|
+
const D = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(i.Title, { ref: l, ...r, asChild: !0, children: /* @__PURE__ */ e(n, { variant: "subtitle", level: 1, children: r.children }) }));
|
60
|
+
D.displayName = i.Title.displayName;
|
61
|
+
const v = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(i.Description, { ref: l, className: "text-gray-500", ...r, asChild: !0, children: /* @__PURE__ */ e(n, { variant: "body", level: 2, children: r.children }) }));
|
62
|
+
v.displayName = i.Description.displayName;
|
26
63
|
export {
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
64
|
+
y as Drawer,
|
65
|
+
w as DrawerClose,
|
66
|
+
N as DrawerContent,
|
67
|
+
g as DrawerHeader,
|
68
|
+
D as DrawerTitle,
|
69
|
+
u as DrawerTrigger
|
31
70
|
};
|
@@ -1,7 +1,9 @@
|
|
1
|
-
import { Drawer as a, DrawerClose as
|
1
|
+
import { Drawer as a, DrawerClose as w, DrawerContent as D, DrawerHeader as o, DrawerTitle as t, DrawerTrigger as g } from "./Drawer.js";
|
2
2
|
export {
|
3
3
|
a as Drawer,
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
w as DrawerClose,
|
5
|
+
D as DrawerContent,
|
6
|
+
o as DrawerHeader,
|
7
|
+
t as DrawerTitle,
|
8
|
+
g as DrawerTrigger
|
7
9
|
};
|
@@ -0,0 +1,167 @@
|
|
1
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
2
|
+
export interface WithFadeFromProps {
|
3
|
+
/**
|
4
|
+
* Array of numbers from 0 to 100 that corresponds to % of the screen a given snap point should take up.
|
5
|
+
* Should go from least visible. Example `[0.2, 0.5, 0.8]`.
|
6
|
+
* You can also use px values, which doesn't take screen height into account.
|
7
|
+
*/
|
8
|
+
snapPoints: (number | string)[];
|
9
|
+
/**
|
10
|
+
* Index of a `snapPoint` from which the overlay fade should be applied. Defaults to the last snap point.
|
11
|
+
*/
|
12
|
+
fadeFromIndex: number;
|
13
|
+
}
|
14
|
+
export interface WithoutFadeFromProps {
|
15
|
+
/**
|
16
|
+
* Array of numbers from 0 to 100 that corresponds to % of the screen a given snap point should take up.
|
17
|
+
* Should go from least visible. Example `[0.2, 0.5, 0.8]`.
|
18
|
+
* You can also use px values, which doesn't take screen height into account.
|
19
|
+
*/
|
20
|
+
snapPoints?: (number | string)[];
|
21
|
+
fadeFromIndex?: never;
|
22
|
+
}
|
23
|
+
type BaseDrawerProps = {
|
24
|
+
/** Whether the drawer should take up the full page */
|
25
|
+
height?: "full" | "fit";
|
26
|
+
/** The active snap point */
|
27
|
+
activeSnapPoint?: number | string | null;
|
28
|
+
/** Callback when the active snap point changes */
|
29
|
+
setActiveSnapPoint?: (snapPoint: number | string | null) => void;
|
30
|
+
/** The content of the drawer */
|
31
|
+
children?: React.ReactNode;
|
32
|
+
/** Whether the drawer is open */
|
33
|
+
open?: boolean;
|
34
|
+
/**
|
35
|
+
* Number between 0 and 1 that determines when the drawer should be closed.
|
36
|
+
* Example: threshold of 0.5 would close the drawer if the user swiped for 50% of the height of the drawer or more.
|
37
|
+
* @default 0.25
|
38
|
+
*/
|
39
|
+
closeThreshold?: number;
|
40
|
+
/**
|
41
|
+
* Duration for which the drawer is not draggable after scrolling content inside of the drawer.
|
42
|
+
* @default 500ms
|
43
|
+
*/
|
44
|
+
scrollLockTimeout?: number;
|
45
|
+
/**
|
46
|
+
* When `true`, don't move the drawer upwards if there's space, but rather only change it's height so it's fully scrollable when the keyboard is open
|
47
|
+
*/
|
48
|
+
fixed?: boolean;
|
49
|
+
/**
|
50
|
+
* When `false` dragging, clicking outside, pressing esc, etc. will not close the drawer.
|
51
|
+
* Use this in comination with the `open` prop, otherwise you won't be able to open/close the drawer.
|
52
|
+
* @default true
|
53
|
+
*/
|
54
|
+
dismissible?: boolean;
|
55
|
+
/**
|
56
|
+
* When `false` it allows to interact with elements outside of the drawer without closing it.
|
57
|
+
* @default true
|
58
|
+
*/
|
59
|
+
modal?: boolean;
|
60
|
+
/**
|
61
|
+
* Direction of the drawer. Can be `top` or `bottom`, `left`, `right`.
|
62
|
+
* @default 'bottom'
|
63
|
+
*/
|
64
|
+
direction?: "top" | "bottom" | "left" | "right";
|
65
|
+
/**
|
66
|
+
* Opened by default, skips initial enter animation. Still reacts to `open` state changes
|
67
|
+
* @default false
|
68
|
+
*/
|
69
|
+
defaultOpen?: boolean;
|
70
|
+
/**
|
71
|
+
* When set to `true` prevents scrolling on the document body on mount, and restores it on unmount.
|
72
|
+
* @default false
|
73
|
+
*/
|
74
|
+
disablePreventScroll?: boolean;
|
75
|
+
/**
|
76
|
+
* When `true` Vaul will reposition inputs rather than scroll then into view if the keyboard is in the way.
|
77
|
+
* Setting it to `false` will fall back to the default browser behavior.
|
78
|
+
* @default true when {@link snapPoints} is defined
|
79
|
+
*/
|
80
|
+
repositionInputs?: boolean;
|
81
|
+
/**
|
82
|
+
* Disabled velocity based swiping for snap points.
|
83
|
+
* This means that a snap point won't be skipped even if the velocity is high enough.
|
84
|
+
* Useful if each snap point in a drawer is equally important.
|
85
|
+
* @default false
|
86
|
+
*/
|
87
|
+
snapToSequentialPoint?: boolean;
|
88
|
+
/** The container element to render the drawer into */
|
89
|
+
container?: HTMLElement | null;
|
90
|
+
/** Whether to prevent scroll restoration */
|
91
|
+
preventScrollRestoration?: boolean;
|
92
|
+
/** Whether to auto focus the drawer when opened */
|
93
|
+
autoFocus?: boolean;
|
94
|
+
/** Callback when the open state changes */
|
95
|
+
onOpenChange?: (open: boolean) => void;
|
96
|
+
/** Callback when dragging */
|
97
|
+
onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
|
98
|
+
/** Callback when releasing */
|
99
|
+
onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
|
100
|
+
/** Callback when closing */
|
101
|
+
onClose?: () => void;
|
102
|
+
/**
|
103
|
+
* Gets triggered after the open or close animation ends, it receives an `open` argument with the `open` state of the drawer by the time the function was triggered.
|
104
|
+
* Useful to revert any state changes for example.
|
105
|
+
*/
|
106
|
+
onAnimationEnd?: (open: boolean) => void;
|
107
|
+
};
|
108
|
+
/**
|
109
|
+
* Props for the main Drawer component
|
110
|
+
*/
|
111
|
+
export type DrawerProps = BaseDrawerProps & (WithFadeFromProps | WithoutFadeFromProps);
|
112
|
+
/**
|
113
|
+
* Props for the DrawerContent component
|
114
|
+
*/
|
115
|
+
export interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> {
|
116
|
+
/** The content of the drawer */
|
117
|
+
children?: React.ReactNode;
|
118
|
+
/** Whether to render the trigger without default styling */
|
119
|
+
asChild?: boolean;
|
120
|
+
/** Whether to close the drawer when clicking outside */
|
121
|
+
onCloseAutoFocus?: (event: Event) => void;
|
122
|
+
/** Called when the escape key is pressed */
|
123
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
124
|
+
/** Called when pointer down occurs outside drawer */
|
125
|
+
onPointerDownOutside?: (event: Event) => void;
|
126
|
+
/** Called when drawer starts to close */
|
127
|
+
onInteractOutside?: (event: Event) => void;
|
128
|
+
}
|
129
|
+
/**
|
130
|
+
* Props for the DrawerHeader component
|
131
|
+
*/
|
132
|
+
export interface DrawerHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
|
133
|
+
/** Optional icon to display in the header */
|
134
|
+
icon?: React.ReactNode;
|
135
|
+
children?: React.ReactNode;
|
136
|
+
}
|
137
|
+
/**
|
138
|
+
* Props for the DrawerTitle component
|
139
|
+
*/
|
140
|
+
export interface DrawerTitleProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> {
|
141
|
+
children?: React.ReactNode;
|
142
|
+
/** Whether to render the title without default styling */
|
143
|
+
asChild?: boolean;
|
144
|
+
}
|
145
|
+
/**
|
146
|
+
* Props for the DrawerDescription component
|
147
|
+
*/
|
148
|
+
export interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> {
|
149
|
+
children?: React.ReactNode;
|
150
|
+
/** Whether to render the description without default styling */
|
151
|
+
asChild?: boolean;
|
152
|
+
}
|
153
|
+
/**
|
154
|
+
* Props for the DrawerTrigger component
|
155
|
+
*/
|
156
|
+
export interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger> {
|
157
|
+
/** Whether to render the trigger without default styling */
|
158
|
+
asChild?: boolean;
|
159
|
+
}
|
160
|
+
/**
|
161
|
+
* Props for the DrawerTrigger component
|
162
|
+
*/
|
163
|
+
export interface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close> {
|
164
|
+
/** Whether to render the trigger without default styling */
|
165
|
+
asChild?: boolean;
|
166
|
+
}
|
167
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { DrawerProps } from './types';
|
2
|
+
interface DrawerContextValue {
|
3
|
+
dismissible?: DrawerProps["dismissible"];
|
4
|
+
height?: DrawerProps["height"];
|
5
|
+
}
|
6
|
+
declare const DrawerContext: import('react').Context<DrawerContextValue | undefined>;
|
7
|
+
declare const useDrawer: () => DrawerContextValue;
|
8
|
+
export { DrawerContext, useDrawer };
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createContext as r, useContext as t } from "react";
|
2
|
+
const o = r(void 0), s = () => {
|
3
|
+
const e = t(o);
|
4
|
+
if (e === void 0)
|
5
|
+
throw new Error("useDrawer must be used within a Drawer");
|
6
|
+
return e;
|
7
|
+
};
|
8
|
+
export {
|
9
|
+
o as DrawerContext,
|
10
|
+
s as useDrawer
|
11
|
+
};
|
@@ -11,7 +11,7 @@ const s = (t) => /* @__PURE__ */ o(
|
|
11
11
|
), r = l(
|
12
12
|
({ countryCode: t, size: m = 40 }, n) => {
|
13
13
|
const p = g(
|
14
|
-
() => a(/* @__PURE__ */ Object.assign({ "./flag-components/ad.tsx": () => import("./flag-components/ad.js"), "./flag-components/ae.tsx": () => import("./flag-components/ae.js"), "./flag-components/af.tsx": () => import("./flag-components/af.js"), "./flag-components/ag.tsx": () => import("./flag-components/ag.js"), "./flag-components/ai.tsx": () => import("./flag-components/ai.js"), "./flag-components/al.tsx": () => import("./flag-components/al.js"), "./flag-components/am.tsx": () => import("./flag-components/am.js"), "./flag-components/ao.tsx": () => import("./flag-components/ao.js"), "./flag-components/ar.tsx": () => import("./flag-components/ar.js"), "./flag-components/as.tsx": () => import("./flag-components/as.js"), "./flag-components/at.tsx": () => import("./flag-components/at.js"), "./flag-components/au.tsx": () => import("./flag-components/au.js"), "./flag-components/aw.tsx": () => import("./flag-components/aw.js"), "./flag-components/ax.tsx": () => import("./flag-components/ax.js"), "./flag-components/az.tsx": () => import("./flag-components/az.js"), "./flag-components/ba.tsx": () => import("./flag-components/ba.js"), "./flag-components/bb.tsx": () => import("./flag-components/bb.js"), "./flag-components/bd.tsx": () => import("./flag-components/bd.js"), "./flag-components/be.tsx": () => import("./flag-components/be.js"), "./flag-components/bf.tsx": () => import("./flag-components/bf.js"), "./flag-components/bg.tsx": () => import("./flag-components/bg.js"), "./flag-components/bh.tsx": () => import("./flag-components/bh.js"), "./flag-components/bi.tsx": () => import("./flag-components/bi.js"), "./flag-components/bj.tsx": () => import("./flag-components/bj.js"), "./flag-components/bl.tsx": () => import("./flag-components/bl.js"), "./flag-components/bm.tsx": () => import("./flag-components/bm.js"), "./flag-components/bn.tsx": () => import("./flag-components/bn.js"), "./flag-components/bo.tsx": () => import("./flag-components/bo.js"), "./flag-components/bq.tsx": () => import("./flag-components/bq.js"), "./flag-components/br.tsx": () => import("./flag-components/br.js"), "./flag-components/bs.tsx": () => import("./flag-components/bs.js"), "./flag-components/bt.tsx": () => import("./flag-components/bt.js"), "./flag-components/bw.tsx": () => import("./flag-components/bw.js"), "./flag-components/by.tsx": () => import("./flag-components/by.js"), "./flag-components/bz.tsx": () => import("./flag-components/bz.js"), "./flag-components/ca.tsx": () => import("./flag-components/ca.js"), "./flag-components/cc.tsx": () => import("./flag-components/cc.js"), "./flag-components/cd.tsx": () => import("./flag-components/cd.js"), "./flag-components/cf.tsx": () => import("./flag-components/cf.js"), "./flag-components/cg.tsx": () => import("./flag-components/cg.js"), "./flag-components/ch.tsx": () => import("./flag-components/ch.js"), "./flag-components/ci.tsx": () => import("./flag-components/ci.js"), "./flag-components/ck.tsx": () => import("./flag-components/ck.js"), "./flag-components/cl.tsx": () => import("./flag-components/cl.js"), "./flag-components/cm.tsx": () => import("./flag-components/cm.js"), "./flag-components/cn.tsx": () => import("./flag-components/cn.js"), "./flag-components/co.tsx": () => import("./flag-components/co.js"), "./flag-components/cr.tsx": () => import("./flag-components/cr.js"), "./flag-components/cu.tsx": () => import("./flag-components/cu.js"), "./flag-components/cv.tsx": () => import("./flag-components/cv.js"), "./flag-components/cw.tsx": () => import("./flag-components/cw.js"), "./flag-components/cy.tsx": () => import("./flag-components/cy.js"), "./flag-components/cz.tsx": () => import("./flag-components/cz.js"), "./flag-components/de.tsx": () => import("./flag-components/de.js"), "./flag-components/dj.tsx": () => import("./flag-components/dj.js"), "./flag-components/dk.tsx": () => import("./flag-components/dk.js"), "./flag-components/dm.tsx": () => import("./flag-components/dm.js"), "./flag-components/do.tsx": () => import("./flag-components/do.js"), "./flag-components/dz.tsx": () => import("./flag-components/dz.js"), "./flag-components/ec.tsx": () => import("./flag-components/ec.js"), "./flag-components/ee.tsx": () => import("./flag-components/ee.js"), "./flag-components/eg.tsx": () => import("./flag-components/eg.js"), "./flag-components/er.tsx": () => import("./flag-components/er.js"), "./flag-components/es.tsx": () => import("./flag-components/es.js"), "./flag-components/et.tsx": () => import("./flag-components/et.js"), "./flag-components/fi.tsx": () => import("./flag-components/fi.js"), "./flag-components/fj.tsx": () => import("./flag-components/fj.js"), "./flag-components/fk.tsx": () => import("./flag-components/fk.js"), "./flag-components/fm.tsx": () => import("./flag-components/fm.js"), "./flag-components/fo.tsx": () => import("./flag-components/fo.js"), "./flag-components/fr.tsx": () => import("./flag-components/fr.js"), "./flag-components/ga.tsx": () => import("./flag-components/ga.js"), "./flag-components/gb.tsx": () => import("./flag-components/gb.js"), "./flag-components/gd.tsx": () => import("./flag-components/gd.js"), "./flag-components/ge.tsx": () => import("./flag-components/ge.js"), "./flag-components/gg.tsx": () => import("./flag-components/gg.js"), "./flag-components/gh.tsx": () => import("./flag-components/gh.js"), "./flag-components/gi.tsx": () => import("./flag-components/gi.js"), "./flag-components/gl.tsx": () => import("./flag-components/gl.js"), "./flag-components/gm.tsx": () => import("./flag-components/gm.js"), "./flag-components/gn.tsx": () => import("./flag-components/gn.js"), "./flag-components/gp.tsx": () => import("./flag-components/gp.js"), "./flag-components/gq.tsx": () => import("./flag-components/gq.js"), "./flag-components/gr.tsx": () => import("./flag-components/gr.js"), "./flag-components/gt.tsx": () => import("./flag-components/gt.js"), "./flag-components/gu.tsx": () => import("./flag-components/gu.js"), "./flag-components/gw.tsx": () => import("./flag-components/gw.js"), "./flag-components/gy.tsx": () => import("./flag-components/gy.js"), "./flag-components/hk.tsx": () => import("./flag-components/hk.js"), "./flag-components/hn.tsx": () => import("./flag-components/hn.js"), "./flag-components/hr.tsx": () => import("./flag-components/hr.js"), "./flag-components/ht.tsx": () => import("./flag-components/ht.js"), "./flag-components/hu.tsx": () => import("./flag-components/hu.js"), "./flag-components/id.tsx": () => import("./flag-components/id.js"), "./flag-components/ie.tsx": () => import("./flag-components/ie.js"), "./flag-components/il.tsx": () => import("./flag-components/il.js"), "./flag-components/im.tsx": () => import("./flag-components/im.js"), "./flag-components/in.tsx": () => import("./flag-components/in.js"), "./flag-components/io.tsx": () => import("./flag-components/io.js"), "./flag-components/iq.tsx": () => import("./flag-components/iq.js"), "./flag-components/ir.tsx": () => import("./flag-components/ir.js"), "./flag-components/is.tsx": () => import("./flag-components/is.js"), "./flag-components/it.tsx": () => import("./flag-components/it.js"), "./flag-components/je.tsx": () => import("./flag-components/je.js"), "./flag-components/jm.tsx": () => import("./flag-components/jm.js"), "./flag-components/jo.tsx": () => import("./flag-components/jo.js"), "./flag-components/jp.tsx": () => import("./flag-components/jp.js"), "./flag-components/ke.tsx": () => import("./flag-components/ke.js"), "./flag-components/kg.tsx": () => import("./flag-components/kg.js"), "./flag-components/kh.tsx": () => import("./flag-components/kh.js"), "./flag-components/ki.tsx": () => import("./flag-components/ki.js"), "./flag-components/km.tsx": () => import("./flag-components/km.js"), "./flag-components/kp.tsx": () => import("./flag-components/kp.js"), "./flag-components/kr.tsx": () => import("./flag-components/kr.js"), "./flag-components/kw.tsx": () => import("./flag-components/kw.js"), "./flag-components/ky.tsx": () => import("./flag-components/ky.js"), "./flag-components/kz.tsx": () => import("./flag-components/kz.js"), "./flag-components/la.tsx": () => import("./flag-components/la.js"), "./flag-components/lb.tsx": () => import("./flag-components/lb.js"), "./flag-components/lc.tsx": () => import("./flag-components/lc.js"), "./flag-components/li.tsx": () => import("./flag-components/li.js"), "./flag-components/lk.tsx": () => import("./flag-components/lk.js"), "./flag-components/lr.tsx": () => import("./flag-components/lr.js"), "./flag-components/ls.tsx": () => import("./flag-components/ls.js"), "./flag-components/lt.tsx": () => import("./flag-components/lt.js"), "./flag-components/lu.tsx": () => import("./flag-components/lu.js"), "./flag-components/lv.tsx": () => import("./flag-components/lv.js"), "./flag-components/ly.tsx": () => import("./flag-components/ly.js"), "./flag-components/ma.tsx": () => import("./flag-components/ma.js"), "./flag-components/mc.tsx": () => import("./flag-components/mc.js"), "./flag-components/md.tsx": () => import("./flag-components/md.js"), "./flag-components/me.tsx": () => import("./flag-components/me.js"), "./flag-components/mg.tsx": () => import("./flag-components/mg.js"), "./flag-components/mh.tsx": () => import("./flag-components/mh.js"), "./flag-components/mk.tsx": () => import("./flag-components/mk.js"), "./flag-components/ml.tsx": () => import("./flag-components/ml.js"), "./flag-components/mm.tsx": () => import("./flag-components/mm.js"), "./flag-components/mn.tsx": () => import("./flag-components/mn.js"), "./flag-components/mo.tsx": () => import("./flag-components/mo.js"), "./flag-components/mp.tsx": () => import("./flag-components/mp.js"), "./flag-components/mq.tsx": () => import("./flag-components/mq.js"), "./flag-components/mr.tsx": () => import("./flag-components/mr.js"), "./flag-components/ms.tsx": () => import("./flag-components/ms.js"), "./flag-components/mt.tsx": () => import("./flag-components/mt.js"), "./flag-components/mu.tsx": () => import("./flag-components/mu.js"), "./flag-components/mv.tsx": () => import("./flag-components/mv.js"), "./flag-components/mw.tsx": () => import("./flag-components/mw.js"), "./flag-components/mx.tsx": () => import("./flag-components/mx.js"), "./flag-components/my.tsx": () => import("./flag-components/my.js"), "./flag-components/mz.tsx": () => import("./flag-components/mz.js"), "./flag-components/na.tsx": () => import("./flag-components/na.js"), "./flag-components/ne.tsx": () => import("./flag-components/ne.js"), "./flag-components/nf.tsx": () => import("./flag-components/nf.js"), "./flag-components/ng.tsx": () => import("./flag-components/ng.js"), "./flag-components/ni.tsx": () => import("./flag-components/ni.js"), "./flag-components/nl.tsx": () => import("./flag-components/nl.js"), "./flag-components/no.tsx": () => import("./flag-components/no.js"), "./flag-components/np.tsx": () => import("./flag-components/np.js"), "./flag-components/nr.tsx": () => import("./flag-components/nr.js"), "./flag-components/nu.tsx": () => import("./flag-components/nu.js"), "./flag-components/nz.tsx": () => import("./flag-components/nz.js"), "./flag-components/om.tsx": () => import("./flag-components/om.js"), "./flag-components/pa.tsx": () => import("./flag-components/pa.js"), "./flag-components/pe.tsx": () => import("./flag-components/pe.js"), "./flag-components/pf.tsx": () => import("./flag-components/pf.js"), "./flag-components/pg.tsx": () => import("./flag-components/pg.js"), "./flag-components/ph.tsx": () => import("./flag-components/ph.js"), "./flag-components/pk.tsx": () => import("./flag-components/pk.js"), "./flag-components/pl.tsx": () => import("./flag-components/pl.js"), "./flag-components/pn.tsx": () => import("./flag-components/pn.js"), "./flag-components/pr.tsx": () => import("./flag-components/pr.js"), "./flag-components/ps.tsx": () => import("./flag-components/ps.js"), "./flag-components/pt.tsx": () => import("./flag-components/pt.js"), "./flag-components/pw.tsx": () => import("./flag-components/pw.js"), "./flag-components/py.tsx": () => import("./flag-components/py.js"), "./flag-components/qa.tsx": () => import("./flag-components/qa.js"), "./flag-components/ro.tsx": () => import("./flag-components/ro.js"), "./flag-components/rs.tsx": () => import("./flag-components/rs.js"), "./flag-components/ru.tsx": () => import("./flag-components/ru.js"), "./flag-components/rw.tsx": () => import("./flag-components/rw.js"), "./flag-components/sa.tsx": () => import("./flag-components/sa.js"), "./flag-components/sb.tsx": () => import("./flag-components/sb.js"), "./flag-components/sc.tsx": () => import("./flag-components/sc.js"), "./flag-components/sd.tsx": () => import("./flag-components/sd.js"), "./flag-components/se.tsx": () => import("./flag-components/se.js"), "./flag-components/sg.tsx": () => import("./flag-components/sg.js"), "./flag-components/si.tsx": () => import("./flag-components/si.js"), "./flag-components/sk.tsx": () => import("./flag-components/sk.js"), "./flag-components/sl.tsx": () => import("./flag-components/sl.js"), "./flag-components/sm.tsx": () => import("./flag-components/sm.js"), "./flag-components/sn.tsx": () => import("./flag-components/sn.js"), "./flag-components/so.tsx": () => import("./flag-components/so.js"), "./flag-components/sr.tsx": () => import("./flag-components/sr.js"), "./flag-components/ss.tsx": () => import("./flag-components/ss.js"), "./flag-components/st.tsx": () => import("./flag-components/st.js"), "./flag-components/sv.tsx": () => import("./flag-components/sv.js"), "./flag-components/sx.tsx": () => import("./flag-components/sx.js"), "./flag-components/sy.tsx": () => import("./flag-components/sy.js"), "./flag-components/sz.tsx": () => import("./flag-components/sz.js"), "./flag-components/tc.tsx": () => import("./flag-components/tc.js"), "./flag-components/td.tsx": () => import("./flag-components/td.js"), "./flag-components/tg.tsx": () => import("./flag-components/tg.js"), "./flag-components/th.tsx": () => import("./flag-components/th.js"), "./flag-components/tj.tsx": () => import("./flag-components/tj.js"), "./flag-components/tk.tsx": () => import("./flag-components/tk.js"), "./flag-components/tl.tsx": () => import("./flag-components/tl.js"), "./flag-components/tm.tsx": () => import("./flag-components/tm.js"), "./flag-components/tn.tsx": () => import("./flag-components/tn.js"), "./flag-components/to.tsx": () => import("./flag-components/to.js"), "./flag-components/tr.tsx": () => import("./flag-components/tr.js"), "./flag-components/tt.tsx": () => import("./flag-components/tt.js"), "./flag-components/tv.tsx": () => import("./flag-components/tv.js"), "./flag-components/tw.tsx": () => import("./flag-components/tw.js"), "./flag-components/tz.tsx": () => import("./flag-components/tz.js"), "./flag-components/ua.tsx": () => import("./flag-components/ua.js"), "./flag-components/ug.tsx": () => import("./flag-components/ug.js"), "./flag-components/us.tsx": () => import("./flag-components/us.js"), "./flag-components/uy.tsx": () => import("./flag-components/uy.js"), "./flag-components/uz.tsx": () => import("./flag-components/uz.js"), "./flag-components/va.tsx": () => import("./flag-components/va.js"), "./flag-components/vc.tsx": () => import("./flag-components/vc.js"), "./flag-components/ve.tsx": () => import("./flag-components/ve.js"), "./flag-components/vg.tsx": () => import("./flag-components/vg.js"), "./flag-components/vn.tsx": () => import("./flag-components/vn.js"), "./flag-components/vu.tsx": () => import("./flag-components/vu.js"), "./flag-components/ws.tsx": () => import("./flag-components/ws.js"), "./flag-components/xk.tsx": () => import("./flag-components/xk.js"), "./flag-components/ye.tsx": () => import("./flag-components/ye.js"), "./flag-components/za.tsx": () => import("./flag-components/za.js"), "./flag-components/zm.tsx": () => import("./flag-components/zm.js"), "./flag-components/zw.tsx": () => import("./flag-components/zw.js") }), `./flag-components/${t.toLowerCase()}.tsx`, 3).catch(() => ({
|
14
|
+
() => a(/* @__PURE__ */ Object.assign({ "./flag-components/ad.tsx": () => import("./flag-components/ad.js"), "./flag-components/ae.tsx": () => import("./flag-components/ae.js"), "./flag-components/af.tsx": () => import("./flag-components/af.js"), "./flag-components/ag.tsx": () => import("./flag-components/ag.js"), "./flag-components/ai.tsx": () => import("./flag-components/ai.js"), "./flag-components/al.tsx": () => import("./flag-components/al.js"), "./flag-components/am.tsx": () => import("./flag-components/am.js"), "./flag-components/ao.tsx": () => import("./flag-components/ao.js"), "./flag-components/ar.tsx": () => import("./flag-components/ar.js"), "./flag-components/as.tsx": () => import("./flag-components/as.js"), "./flag-components/at.tsx": () => import("./flag-components/at.js"), "./flag-components/au.tsx": () => import("./flag-components/au.js"), "./flag-components/aw.tsx": () => import("./flag-components/aw.js"), "./flag-components/ax.tsx": () => import("./flag-components/ax.js"), "./flag-components/az.tsx": () => import("./flag-components/az.js"), "./flag-components/ba.tsx": () => import("./flag-components/ba.js"), "./flag-components/bb.tsx": () => import("./flag-components/bb.js"), "./flag-components/bd.tsx": () => import("./flag-components/bd.js"), "./flag-components/be.tsx": () => import("./flag-components/be.js"), "./flag-components/bf.tsx": () => import("./flag-components/bf.js"), "./flag-components/bg.tsx": () => import("./flag-components/bg.js"), "./flag-components/bh.tsx": () => import("./flag-components/bh.js"), "./flag-components/bi.tsx": () => import("./flag-components/bi.js"), "./flag-components/bj.tsx": () => import("./flag-components/bj.js"), "./flag-components/bl.tsx": () => import("./flag-components/bl.js"), "./flag-components/bm.tsx": () => import("./flag-components/bm.js"), "./flag-components/bn.tsx": () => import("./flag-components/bn.js"), "./flag-components/bo.tsx": () => import("./flag-components/bo.js"), "./flag-components/bq.tsx": () => import("./flag-components/bq.js"), "./flag-components/br.tsx": () => import("./flag-components/br.js"), "./flag-components/bs.tsx": () => import("./flag-components/bs.js"), "./flag-components/bt.tsx": () => import("./flag-components/bt.js"), "./flag-components/bw.tsx": () => import("./flag-components/bw.js"), "./flag-components/by.tsx": () => import("./flag-components/by.js"), "./flag-components/bz.tsx": () => import("./flag-components/bz.js"), "./flag-components/ca.tsx": () => import("./flag-components/ca.js"), "./flag-components/cc.tsx": () => import("./flag-components/cc.js"), "./flag-components/cd.tsx": () => import("./flag-components/cd.js"), "./flag-components/cf.tsx": () => import("./flag-components/cf.js"), "./flag-components/cg.tsx": () => import("./flag-components/cg.js"), "./flag-components/ch.tsx": () => import("./flag-components/ch.js"), "./flag-components/ci.tsx": () => import("./flag-components/ci.js"), "./flag-components/ck.tsx": () => import("./flag-components/ck.js"), "./flag-components/cl.tsx": () => import("./flag-components/cl.js"), "./flag-components/cm.tsx": () => import("./flag-components/cm.js"), "./flag-components/cn.tsx": () => import("./flag-components/cn.js"), "./flag-components/co.tsx": () => import("./flag-components/co.js"), "./flag-components/cr.tsx": () => import("./flag-components/cr.js"), "./flag-components/cu.tsx": () => import("./flag-components/cu.js"), "./flag-components/cv.tsx": () => import("./flag-components/cv.js"), "./flag-components/cw.tsx": () => import("./flag-components/cw.js"), "./flag-components/cy.tsx": () => import("./flag-components/cy.js"), "./flag-components/cz.tsx": () => import("./flag-components/cz.js"), "./flag-components/de.tsx": () => import("./flag-components/de.js"), "./flag-components/dj.tsx": () => import("./flag-components/dj.js"), "./flag-components/dk.tsx": () => import("./flag-components/dk.js"), "./flag-components/dm.tsx": () => import("./flag-components/dm.js"), "./flag-components/do.tsx": () => import("./flag-components/do.js"), "./flag-components/dz.tsx": () => import("./flag-components/dz.js"), "./flag-components/ec.tsx": () => import("./flag-components/ec.js"), "./flag-components/ee.tsx": () => import("./flag-components/ee.js"), "./flag-components/eg.tsx": () => import("./flag-components/eg.js"), "./flag-components/er.tsx": () => import("./flag-components/er.js"), "./flag-components/es.tsx": () => import("./flag-components/es.js"), "./flag-components/et.tsx": () => import("./flag-components/et.js"), "./flag-components/eu.tsx": () => import("./flag-components/eu.js"), "./flag-components/fi.tsx": () => import("./flag-components/fi.js"), "./flag-components/fj.tsx": () => import("./flag-components/fj.js"), "./flag-components/fk.tsx": () => import("./flag-components/fk.js"), "./flag-components/fm.tsx": () => import("./flag-components/fm.js"), "./flag-components/fo.tsx": () => import("./flag-components/fo.js"), "./flag-components/fr.tsx": () => import("./flag-components/fr.js"), "./flag-components/ga.tsx": () => import("./flag-components/ga.js"), "./flag-components/gb.tsx": () => import("./flag-components/gb.js"), "./flag-components/gd.tsx": () => import("./flag-components/gd.js"), "./flag-components/ge.tsx": () => import("./flag-components/ge.js"), "./flag-components/gg.tsx": () => import("./flag-components/gg.js"), "./flag-components/gh.tsx": () => import("./flag-components/gh.js"), "./flag-components/gi.tsx": () => import("./flag-components/gi.js"), "./flag-components/gl.tsx": () => import("./flag-components/gl.js"), "./flag-components/gm.tsx": () => import("./flag-components/gm.js"), "./flag-components/gn.tsx": () => import("./flag-components/gn.js"), "./flag-components/gp.tsx": () => import("./flag-components/gp.js"), "./flag-components/gq.tsx": () => import("./flag-components/gq.js"), "./flag-components/gr.tsx": () => import("./flag-components/gr.js"), "./flag-components/gt.tsx": () => import("./flag-components/gt.js"), "./flag-components/gu.tsx": () => import("./flag-components/gu.js"), "./flag-components/gw.tsx": () => import("./flag-components/gw.js"), "./flag-components/gy.tsx": () => import("./flag-components/gy.js"), "./flag-components/hk.tsx": () => import("./flag-components/hk.js"), "./flag-components/hn.tsx": () => import("./flag-components/hn.js"), "./flag-components/hr.tsx": () => import("./flag-components/hr.js"), "./flag-components/ht.tsx": () => import("./flag-components/ht.js"), "./flag-components/hu.tsx": () => import("./flag-components/hu.js"), "./flag-components/id.tsx": () => import("./flag-components/id.js"), "./flag-components/ie.tsx": () => import("./flag-components/ie.js"), "./flag-components/il.tsx": () => import("./flag-components/il.js"), "./flag-components/im.tsx": () => import("./flag-components/im.js"), "./flag-components/in.tsx": () => import("./flag-components/in.js"), "./flag-components/io.tsx": () => import("./flag-components/io.js"), "./flag-components/iq.tsx": () => import("./flag-components/iq.js"), "./flag-components/ir.tsx": () => import("./flag-components/ir.js"), "./flag-components/is.tsx": () => import("./flag-components/is.js"), "./flag-components/it.tsx": () => import("./flag-components/it.js"), "./flag-components/je.tsx": () => import("./flag-components/je.js"), "./flag-components/jm.tsx": () => import("./flag-components/jm.js"), "./flag-components/jo.tsx": () => import("./flag-components/jo.js"), "./flag-components/jp.tsx": () => import("./flag-components/jp.js"), "./flag-components/ke.tsx": () => import("./flag-components/ke.js"), "./flag-components/kg.tsx": () => import("./flag-components/kg.js"), "./flag-components/kh.tsx": () => import("./flag-components/kh.js"), "./flag-components/ki.tsx": () => import("./flag-components/ki.js"), "./flag-components/km.tsx": () => import("./flag-components/km.js"), "./flag-components/kp.tsx": () => import("./flag-components/kp.js"), "./flag-components/kr.tsx": () => import("./flag-components/kr.js"), "./flag-components/kw.tsx": () => import("./flag-components/kw.js"), "./flag-components/ky.tsx": () => import("./flag-components/ky.js"), "./flag-components/kz.tsx": () => import("./flag-components/kz.js"), "./flag-components/la.tsx": () => import("./flag-components/la.js"), "./flag-components/lb.tsx": () => import("./flag-components/lb.js"), "./flag-components/lc.tsx": () => import("./flag-components/lc.js"), "./flag-components/li.tsx": () => import("./flag-components/li.js"), "./flag-components/lk.tsx": () => import("./flag-components/lk.js"), "./flag-components/lr.tsx": () => import("./flag-components/lr.js"), "./flag-components/ls.tsx": () => import("./flag-components/ls.js"), "./flag-components/lt.tsx": () => import("./flag-components/lt.js"), "./flag-components/lu.tsx": () => import("./flag-components/lu.js"), "./flag-components/lv.tsx": () => import("./flag-components/lv.js"), "./flag-components/ly.tsx": () => import("./flag-components/ly.js"), "./flag-components/ma.tsx": () => import("./flag-components/ma.js"), "./flag-components/mc.tsx": () => import("./flag-components/mc.js"), "./flag-components/md.tsx": () => import("./flag-components/md.js"), "./flag-components/me.tsx": () => import("./flag-components/me.js"), "./flag-components/mg.tsx": () => import("./flag-components/mg.js"), "./flag-components/mh.tsx": () => import("./flag-components/mh.js"), "./flag-components/mk.tsx": () => import("./flag-components/mk.js"), "./flag-components/ml.tsx": () => import("./flag-components/ml.js"), "./flag-components/mm.tsx": () => import("./flag-components/mm.js"), "./flag-components/mn.tsx": () => import("./flag-components/mn.js"), "./flag-components/mo.tsx": () => import("./flag-components/mo.js"), "./flag-components/mp.tsx": () => import("./flag-components/mp.js"), "./flag-components/mq.tsx": () => import("./flag-components/mq.js"), "./flag-components/mr.tsx": () => import("./flag-components/mr.js"), "./flag-components/ms.tsx": () => import("./flag-components/ms.js"), "./flag-components/mt.tsx": () => import("./flag-components/mt.js"), "./flag-components/mu.tsx": () => import("./flag-components/mu.js"), "./flag-components/mv.tsx": () => import("./flag-components/mv.js"), "./flag-components/mw.tsx": () => import("./flag-components/mw.js"), "./flag-components/mx.tsx": () => import("./flag-components/mx.js"), "./flag-components/my.tsx": () => import("./flag-components/my.js"), "./flag-components/mz.tsx": () => import("./flag-components/mz.js"), "./flag-components/na.tsx": () => import("./flag-components/na.js"), "./flag-components/ne.tsx": () => import("./flag-components/ne.js"), "./flag-components/nf.tsx": () => import("./flag-components/nf.js"), "./flag-components/ng.tsx": () => import("./flag-components/ng.js"), "./flag-components/ni.tsx": () => import("./flag-components/ni.js"), "./flag-components/nl.tsx": () => import("./flag-components/nl.js"), "./flag-components/no.tsx": () => import("./flag-components/no.js"), "./flag-components/np.tsx": () => import("./flag-components/np.js"), "./flag-components/nr.tsx": () => import("./flag-components/nr.js"), "./flag-components/nu.tsx": () => import("./flag-components/nu.js"), "./flag-components/nz.tsx": () => import("./flag-components/nz.js"), "./flag-components/om.tsx": () => import("./flag-components/om.js"), "./flag-components/pa.tsx": () => import("./flag-components/pa.js"), "./flag-components/pe.tsx": () => import("./flag-components/pe.js"), "./flag-components/pf.tsx": () => import("./flag-components/pf.js"), "./flag-components/pg.tsx": () => import("./flag-components/pg.js"), "./flag-components/ph.tsx": () => import("./flag-components/ph.js"), "./flag-components/pk.tsx": () => import("./flag-components/pk.js"), "./flag-components/pl.tsx": () => import("./flag-components/pl.js"), "./flag-components/pn.tsx": () => import("./flag-components/pn.js"), "./flag-components/pr.tsx": () => import("./flag-components/pr.js"), "./flag-components/ps.tsx": () => import("./flag-components/ps.js"), "./flag-components/pt.tsx": () => import("./flag-components/pt.js"), "./flag-components/pw.tsx": () => import("./flag-components/pw.js"), "./flag-components/py.tsx": () => import("./flag-components/py.js"), "./flag-components/qa.tsx": () => import("./flag-components/qa.js"), "./flag-components/ro.tsx": () => import("./flag-components/ro.js"), "./flag-components/rs.tsx": () => import("./flag-components/rs.js"), "./flag-components/ru.tsx": () => import("./flag-components/ru.js"), "./flag-components/rw.tsx": () => import("./flag-components/rw.js"), "./flag-components/sa.tsx": () => import("./flag-components/sa.js"), "./flag-components/sb.tsx": () => import("./flag-components/sb.js"), "./flag-components/sc.tsx": () => import("./flag-components/sc.js"), "./flag-components/sd.tsx": () => import("./flag-components/sd.js"), "./flag-components/se.tsx": () => import("./flag-components/se.js"), "./flag-components/sg.tsx": () => import("./flag-components/sg.js"), "./flag-components/si.tsx": () => import("./flag-components/si.js"), "./flag-components/sk.tsx": () => import("./flag-components/sk.js"), "./flag-components/sl.tsx": () => import("./flag-components/sl.js"), "./flag-components/sm.tsx": () => import("./flag-components/sm.js"), "./flag-components/sn.tsx": () => import("./flag-components/sn.js"), "./flag-components/so.tsx": () => import("./flag-components/so.js"), "./flag-components/sr.tsx": () => import("./flag-components/sr.js"), "./flag-components/ss.tsx": () => import("./flag-components/ss.js"), "./flag-components/st.tsx": () => import("./flag-components/st.js"), "./flag-components/sv.tsx": () => import("./flag-components/sv.js"), "./flag-components/sx.tsx": () => import("./flag-components/sx.js"), "./flag-components/sy.tsx": () => import("./flag-components/sy.js"), "./flag-components/sz.tsx": () => import("./flag-components/sz.js"), "./flag-components/tc.tsx": () => import("./flag-components/tc.js"), "./flag-components/td.tsx": () => import("./flag-components/td.js"), "./flag-components/tg.tsx": () => import("./flag-components/tg.js"), "./flag-components/th.tsx": () => import("./flag-components/th.js"), "./flag-components/tj.tsx": () => import("./flag-components/tj.js"), "./flag-components/tk.tsx": () => import("./flag-components/tk.js"), "./flag-components/tl.tsx": () => import("./flag-components/tl.js"), "./flag-components/tm.tsx": () => import("./flag-components/tm.js"), "./flag-components/tn.tsx": () => import("./flag-components/tn.js"), "./flag-components/to.tsx": () => import("./flag-components/to.js"), "./flag-components/tr.tsx": () => import("./flag-components/tr.js"), "./flag-components/tt.tsx": () => import("./flag-components/tt.js"), "./flag-components/tv.tsx": () => import("./flag-components/tv.js"), "./flag-components/tw.tsx": () => import("./flag-components/tw.js"), "./flag-components/tz.tsx": () => import("./flag-components/tz.js"), "./flag-components/ua.tsx": () => import("./flag-components/ua.js"), "./flag-components/ug.tsx": () => import("./flag-components/ug.js"), "./flag-components/us.tsx": () => import("./flag-components/us.js"), "./flag-components/uy.tsx": () => import("./flag-components/uy.js"), "./flag-components/uz.tsx": () => import("./flag-components/uz.js"), "./flag-components/va.tsx": () => import("./flag-components/va.js"), "./flag-components/vc.tsx": () => import("./flag-components/vc.js"), "./flag-components/ve.tsx": () => import("./flag-components/ve.js"), "./flag-components/vg.tsx": () => import("./flag-components/vg.js"), "./flag-components/vn.tsx": () => import("./flag-components/vn.js"), "./flag-components/vu.tsx": () => import("./flag-components/vu.js"), "./flag-components/ws.tsx": () => import("./flag-components/ws.js"), "./flag-components/xk.tsx": () => import("./flag-components/xk.js"), "./flag-components/ye.tsx": () => import("./flag-components/ye.js"), "./flag-components/za.tsx": () => import("./flag-components/za.js"), "./flag-components/zm.tsx": () => import("./flag-components/zm.js"), "./flag-components/zw.tsx": () => import("./flag-components/zw.js") }), `./flag-components/${t.toLowerCase()}.tsx`, 3).catch(() => ({
|
15
15
|
default: () => /* @__PURE__ */ o(s, { size: m, className: "animate-none bg-gray-200" })
|
16
16
|
}))
|
17
17
|
);
|
@@ -0,0 +1,83 @@
|
|
1
|
+
import { jsxs as l, jsx as L } from "react/jsx-runtime";
|
2
|
+
const h = (i) => /* @__PURE__ */ l(
|
3
|
+
"svg",
|
4
|
+
{
|
5
|
+
width: "24",
|
6
|
+
height: "24",
|
7
|
+
viewBox: "0 0 24 24",
|
8
|
+
fill: "none",
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
10
|
+
...i,
|
11
|
+
children: [
|
12
|
+
/* @__PURE__ */ l("g", { "clip-path": "url(#clip0_312_7693)", children: [
|
13
|
+
/* @__PURE__ */ L(
|
14
|
+
"path",
|
15
|
+
{
|
16
|
+
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
17
|
+
fill: "#0052B4"
|
18
|
+
}
|
19
|
+
),
|
20
|
+
/* @__PURE__ */ L(
|
21
|
+
"path",
|
22
|
+
{
|
23
|
+
d: "M11.9993 4.69568L12.3878 5.89141H13.645L12.6279 6.6304L13.0164 7.82613L11.9993 7.0871L10.9821 7.82613L11.3707 6.6304L10.3535 5.89141H11.6107L11.9993 4.69568Z",
|
24
|
+
fill: "#FFDA44"
|
25
|
+
}
|
26
|
+
),
|
27
|
+
/* @__PURE__ */ L(
|
28
|
+
"path",
|
29
|
+
{
|
30
|
+
d: "M6.83377 6.83503L7.95408 7.40578L8.84306 6.51685L8.64633 7.75856L9.76659 8.32936L8.52483 8.52605L8.32814 9.76786L7.75734 8.6476L6.51562 8.84433L7.40461 7.95535L6.83377 6.83503Z",
|
31
|
+
fill: "#FFDA44"
|
32
|
+
}
|
33
|
+
),
|
34
|
+
/* @__PURE__ */ L(
|
35
|
+
"path",
|
36
|
+
{
|
37
|
+
d: "M4.69531 12L5.89105 11.6115V10.3542L6.62998 11.3714L7.82577 10.9829L7.08669 12L7.82577 13.0172L6.62998 12.6287L5.89105 13.6458V12.3886L4.69531 12Z",
|
38
|
+
fill: "#FFDA44"
|
39
|
+
}
|
40
|
+
),
|
41
|
+
/* @__PURE__ */ L(
|
42
|
+
"path",
|
43
|
+
{
|
44
|
+
d: "M6.83377 17.165L7.40456 16.0446L6.51562 15.1557L7.75739 15.3524L8.32809 14.2322L8.52483 15.4739L9.76655 15.6706L8.64642 16.2414L8.84306 17.4831L7.95408 16.5942L6.83377 17.165Z",
|
45
|
+
fill: "#FFDA44"
|
46
|
+
}
|
47
|
+
),
|
48
|
+
/* @__PURE__ */ L(
|
49
|
+
"path",
|
50
|
+
{
|
51
|
+
d: "M11.9993 19.3043L11.6107 18.1086H10.3535L11.3707 17.3696L10.9821 16.174L11.9993 16.9129L13.0164 16.174L12.6279 17.3696L13.645 18.1086H12.3878L11.9993 19.3043Z",
|
52
|
+
fill: "#FFDA44"
|
53
|
+
}
|
54
|
+
),
|
55
|
+
/* @__PURE__ */ L(
|
56
|
+
"path",
|
57
|
+
{
|
58
|
+
d: "M17.1652 17.165L16.0449 16.5942L15.1559 17.4832L15.3526 16.2414L14.2324 15.6706L15.4741 15.4739L15.6708 14.2322L16.2416 15.3524L17.4833 15.1557L16.5943 16.0447L17.1652 17.165Z",
|
59
|
+
fill: "#FFDA44"
|
60
|
+
}
|
61
|
+
),
|
62
|
+
/* @__PURE__ */ L(
|
63
|
+
"path",
|
64
|
+
{
|
65
|
+
d: "M19.3042 12L18.1085 12.3886V13.6458L17.3695 12.6286L16.1738 13.0172L16.9128 12L16.1738 10.9829L17.3695 11.3714L18.1085 10.3542V11.6115L19.3042 12Z",
|
66
|
+
fill: "#FFDA44"
|
67
|
+
}
|
68
|
+
),
|
69
|
+
/* @__PURE__ */ L(
|
70
|
+
"path",
|
71
|
+
{
|
72
|
+
d: "M17.1652 6.83511L16.5944 7.95542L17.4833 8.84441L16.2415 8.64762L15.6708 9.76789L15.4741 8.52612L14.2324 8.32939L15.3526 7.75864L15.1559 6.51697L16.0449 7.40591L17.1652 6.83511Z",
|
73
|
+
fill: "#FFDA44"
|
74
|
+
}
|
75
|
+
)
|
76
|
+
] }),
|
77
|
+
/* @__PURE__ */ L("defs", { children: /* @__PURE__ */ L("clipPath", { id: "clip0_312_7693", children: /* @__PURE__ */ L("rect", { width: "24", height: "24", fill: "white" }) }) })
|
78
|
+
]
|
79
|
+
}
|
80
|
+
);
|
81
|
+
export {
|
82
|
+
h as default
|
83
|
+
};
|