@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.
Files changed (198) hide show
  1. package/README.md +8 -17
  2. package/dist/components/AlertDialog/AlertDialog.js +94 -0
  3. package/dist/components/AlertDialog/index.d.ts +1 -0
  4. package/dist/components/AlertDialog/index.js +13 -0
  5. package/dist/components/AlertDialog/types.d.ts +172 -0
  6. package/dist/components/AlertDialog/types.js +1 -0
  7. package/dist/components/AlertDialog/use-alert-dialog.d.ts +6 -0
  8. package/dist/components/AlertDialog/use-alert-dialog.js +11 -0
  9. package/dist/components/BottomBar/BottomBar.d.ts +13 -0
  10. package/dist/components/BottomBar/BottomBar.js +21 -0
  11. package/dist/components/BottomBar/index.d.ts +1 -0
  12. package/dist/components/BottomBar/index.js +4 -0
  13. package/dist/components/BulletList/BulletList.d.ts +10 -0
  14. package/dist/components/BulletList/BulletList.js +11 -0
  15. package/dist/components/BulletList/index.d.ts +1 -0
  16. package/dist/components/BulletList/index.js +4 -0
  17. package/dist/components/BulletListItem/BulletListItem.d.ts +7 -0
  18. package/dist/components/BulletListItem/BulletListItem.js +23 -0
  19. package/dist/components/BulletListItem/index.d.ts +1 -0
  20. package/dist/components/BulletListItem/index.js +4 -0
  21. package/dist/components/BulletPoint/BulletPoint.d.ts +6 -0
  22. package/dist/components/BulletPoint/BulletPoint.js +22 -0
  23. package/dist/components/BulletPoint/index.d.ts +1 -0
  24. package/dist/components/BulletPoint/index.js +1 -0
  25. package/dist/components/Button/Button.d.ts +10 -22
  26. package/dist/components/Button/Button.js +41 -73
  27. package/dist/components/Checkbox/Checkbox.d.ts +24 -4
  28. package/dist/components/Checkbox/Checkbox.js +5 -5
  29. package/dist/components/Chip/Chip.d.ts +2 -1
  30. package/dist/components/Chip/Chip.js +14 -8
  31. package/dist/components/ClearButton/Clear.js +14 -14
  32. package/dist/components/ClearButton/ClearButton.js +11 -11
  33. package/dist/components/ColorPicker/ColorPicker.js +14 -14
  34. package/dist/components/CountryDrawer/CountryDrawer.d.ts +12 -0
  35. package/dist/components/CountryDrawer/CountryDrawer.js +63 -0
  36. package/dist/components/CountryDrawer/index.d.ts +1 -0
  37. package/dist/components/CountryDrawer/index.js +4 -0
  38. package/dist/components/CountryDrawer/useCountryFiltering.d.ts +7 -0
  39. package/dist/components/CountryDrawer/useCountryFiltering.js +9 -0
  40. package/dist/components/CountryDrawer/useCountryGrouping.d.ts +13 -0
  41. package/dist/components/CountryDrawer/useCountryGrouping.js +17 -0
  42. package/dist/components/Drawer/Drawer.d.ts +28 -6
  43. package/dist/components/Drawer/Drawer.js +67 -28
  44. package/dist/components/Drawer/index.js +6 -4
  45. package/dist/components/Drawer/types.d.ts +167 -0
  46. package/dist/components/Drawer/types.js +1 -0
  47. package/dist/components/Drawer/use-drawer.d.ts +8 -0
  48. package/dist/components/Drawer/use-drawer.js +11 -0
  49. package/dist/components/Flag/LazyFlag.js +1 -1
  50. package/dist/components/Flag/flag-components/eu.d.ts +3 -0
  51. package/dist/components/Flag/flag-components/eu.js +83 -0
  52. package/dist/components/Flag/flag-components/index.d.ts +1 -0
  53. package/dist/components/Flag/flag-components/index.js +56 -54
  54. package/dist/components/Form/Form.js +2 -2
  55. package/dist/components/Icons/ArrowDown.js +26 -0
  56. package/dist/components/Icons/Eye.d.ts +8 -0
  57. package/dist/components/Icons/Eye.js +40 -0
  58. package/dist/components/Icons/EyeClosed.d.ts +8 -0
  59. package/dist/components/Icons/EyeClosed.js +60 -0
  60. package/dist/components/Icons/Fail.d.ts +8 -0
  61. package/dist/components/Icons/Fail.js +82 -0
  62. package/dist/components/Icons/MagicWand.d.ts +8 -0
  63. package/dist/components/Icons/MagicWand.js +60 -0
  64. package/dist/components/Icons/Magnifier.d.ts +1 -1
  65. package/dist/components/Icons/Magnifier.js +20 -11
  66. package/dist/components/Icons/Success.d.ts +8 -0
  67. package/dist/components/Icons/Success.js +82 -0
  68. package/dist/components/Icons/Tick.js +6 -7
  69. package/dist/components/Icons/XMark.d.ts +8 -0
  70. package/dist/components/Icons/XMark.js +27 -0
  71. package/dist/components/Input/Input.d.ts +26 -2
  72. package/dist/components/Input/Input.js +116 -51
  73. package/dist/components/ListItem/ListItem.d.ts +17 -6
  74. package/dist/components/ListItem/ListItem.js +29 -22
  75. package/dist/components/Marble/Marble.d.ts +2 -0
  76. package/dist/components/Marble/Marble.js +23 -0
  77. package/dist/components/Marble/index.d.ts +1 -0
  78. package/dist/components/Marble/index.js +4 -0
  79. package/dist/components/NumberPad/Delete.d.ts +1 -8
  80. package/dist/components/NumberPad/Delete.js +9 -10
  81. package/dist/components/NumberPad/NumberPad.js +30 -24
  82. package/dist/components/OTPField/OTPField.js +8 -8
  83. package/dist/components/PasswordField/PasswordField.d.ts +13 -0
  84. package/dist/components/PasswordField/PasswordField.js +45 -0
  85. package/dist/components/PasswordField/index.d.ts +1 -0
  86. package/dist/components/PasswordField/index.js +4 -0
  87. package/dist/components/PasteButton/PasteButton.d.ts +1 -1
  88. package/dist/components/PasteButton/PasteButton.js +21 -17
  89. package/dist/components/PhoneField/CountryListItem.d.ts +3 -4
  90. package/dist/components/PhoneField/CountryListItem.js +21 -25
  91. package/dist/components/PhoneField/CountrySelectorButton.d.ts +3 -4
  92. package/dist/components/PhoneField/CountrySelectorButton.js +17 -17
  93. package/dist/components/PhoneField/GroupedCountryList.d.ts +14 -0
  94. package/dist/components/PhoneField/GroupedCountryList.js +30 -0
  95. package/dist/components/PhoneField/PhoneField.d.ts +3 -14
  96. package/dist/components/PhoneField/PhoneField.js +71 -197
  97. package/dist/components/PhoneField/constants.js +4 -4
  98. package/dist/components/Pill/Pill.js +7 -7
  99. package/dist/components/Progress/Progress.d.ts +14 -0
  100. package/dist/components/Progress/Progress.js +31 -0
  101. package/dist/components/Progress/index.d.ts +1 -0
  102. package/dist/components/Progress/index.js +4 -0
  103. package/dist/components/RadioGroup/RadioGroupItem.js +1 -1
  104. package/dist/components/SearchField/SearchField.d.ts +6 -1
  105. package/dist/components/SearchField/SearchField.js +39 -35
  106. package/dist/components/Select/Select.js +46 -76
  107. package/dist/components/{Button → Spinner}/Spinner.d.ts +2 -2
  108. package/dist/components/Spinner/Spinner.js +36 -0
  109. package/dist/components/Spinner/index.d.ts +1 -0
  110. package/dist/components/Spinner/index.js +4 -0
  111. package/dist/components/Switch/Switch.js +1 -1
  112. package/dist/components/Tabs/Tabs.d.ts +11 -0
  113. package/dist/components/Tabs/Tabs.js +58 -0
  114. package/dist/components/Tabs/index.d.ts +2 -0
  115. package/dist/components/Tabs/index.js +5 -0
  116. package/dist/components/Tabs/types.d.ts +53 -0
  117. package/dist/components/Tabs/types.js +1 -0
  118. package/dist/components/TextArea/TextArea.d.ts +25 -0
  119. package/dist/components/TextArea/TextArea.js +54 -0
  120. package/dist/components/TextArea/index.d.ts +1 -0
  121. package/dist/components/TextArea/index.js +4 -0
  122. package/dist/components/Toast/Toast.d.ts +9 -0
  123. package/dist/components/Toast/Toast.js +51 -0
  124. package/dist/components/Toast/Toaster.d.ts +3 -0
  125. package/dist/components/Toast/Toaster.js +14 -0
  126. package/dist/components/Toast/index.d.ts +3 -0
  127. package/dist/components/Toast/index.js +12 -0
  128. package/dist/components/Toast/use-toast.d.ts +51 -0
  129. package/dist/components/Toast/use-toast.js +101 -0
  130. package/dist/components/ToggleGroup/ToggleGroup.d.ts +5 -0
  131. package/dist/components/ToggleGroup/ToggleGroup.js +28 -0
  132. package/dist/components/ToggleGroup/index.d.ts +1 -0
  133. package/dist/components/ToggleGroup/index.js +5 -0
  134. package/dist/components/ToggleGroup/types.d.ts +101 -0
  135. package/dist/components/ToggleGroup/types.js +1 -0
  136. package/dist/components/Token/Token.d.ts +4 -0
  137. package/dist/components/Token/Token.js +12 -7
  138. package/dist/components/Token/icons/btc.d.ts +2 -2
  139. package/dist/components/Token/icons/btc.js +13 -58
  140. package/dist/components/Token/icons/dai.d.ts +3 -0
  141. package/dist/components/Token/icons/dai.js +27 -0
  142. package/dist/components/Token/icons/eth.d.ts +2 -2
  143. package/dist/components/Token/icons/eth.js +11 -58
  144. package/dist/components/Token/icons/index.d.ts +2 -0
  145. package/dist/components/Token/icons/index.js +8 -4
  146. package/dist/components/Token/icons/types.d.ts +7 -0
  147. package/dist/components/Token/icons/types.js +1 -0
  148. package/dist/components/Token/icons/usdc.d.ts +2 -2
  149. package/dist/components/Token/icons/usdc.js +16 -56
  150. package/dist/components/Token/icons/usdt.d.ts +3 -0
  151. package/dist/components/Token/icons/usdt.js +27 -0
  152. package/dist/components/Token/icons/utils.d.ts +9 -0
  153. package/dist/components/Token/icons/utils.js +11 -0
  154. package/dist/components/Token/icons/wld.d.ts +2 -2
  155. package/dist/components/Token/icons/wld.js +10 -41
  156. package/dist/components/TopBar/TopBar.d.ts +11 -0
  157. package/dist/components/TopBar/TopBar.js +23 -0
  158. package/dist/components/TopBar/index.d.ts +1 -0
  159. package/dist/components/TopBar/index.js +4 -0
  160. package/dist/components/Typography/Typography.d.ts +12 -8
  161. package/dist/components/Typography/Typography.js +69 -57
  162. package/dist/components/WalletAddressField/WalletAddressField.d.ts +23 -0
  163. package/dist/components/WalletAddressField/WalletAddressField.js +81 -0
  164. package/dist/components/WalletAddressField/index.d.ts +1 -0
  165. package/dist/components/WalletAddressField/index.js +4 -0
  166. package/dist/index.d.ts +15 -0
  167. package/dist/index.js +91 -45
  168. package/dist/lib/constants/dropdownStyles.d.ts +1 -1
  169. package/dist/lib/constants/dropdownStyles.js +2 -2
  170. 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
  171. 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
  172. 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
  173. 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
  174. 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
  175. 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
  176. 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
  177. 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
  178. 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
  179. 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
  180. 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
  181. package/dist/tailwind/index.d.ts +41 -25
  182. package/dist/tailwind/index.js +128 -85
  183. package/package.json +73 -1
  184. package/public/fonts/TWKLausanne-350.woff +0 -0
  185. package/public/fonts/TWKLausanne-350Italic.woff +0 -0
  186. package/public/fonts/TWKLausanne-500.woff +0 -0
  187. package/public/fonts/TWKLausanne-500Italic.woff +0 -0
  188. package/public/fonts/TWKLausanne-600.woff +0 -0
  189. package/public/fonts/TWKLausanne-600Italic.woff +0 -0
  190. package/public/globals.css +1 -1
  191. package/public/images/marbles/marble1.png +0 -0
  192. package/public/images/marbles/marble2.png +0 -0
  193. package/public/images/marbles/marble3.svg +36 -0
  194. package/dist/components/Button/Spinner.js +0 -36
  195. package/dist/components/PhoneField/ArrowDown.js +0 -27
  196. package/dist/components/Select/ArrowDown.d.ts +0 -2
  197. package/dist/components/Select/ArrowDown.js +0 -27
  198. /package/dist/components/{PhoneField → Icons}/ArrowDown.d.ts +0 -0
@@ -1,31 +1,70 @@
1
1
  "use client";
2
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
3
- import { cn as n } from "../../lib/utils.js";
4
- import * as i from "react";
5
- import { Drawer as e } 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
- const w = e.Root, x = e.Trigger, g = e.Close, c = i.forwardRef(({ className: a, children: t, ...l }, s) => /* @__PURE__ */ o(e.Portal, { children: [
7
- /* @__PURE__ */ r(e.Overlay, { className: "fixed inset-0 z-50", children: /* @__PURE__ */ r("div", { className: "w-full h-full bg-gray-900 opacity-40" }) }),
8
- /* @__PURE__ */ o(
9
- e.Content,
10
- {
11
- ref: s,
12
- className: n(
13
- "fixed inset-x-0 bottom-0 z-50 mt-24 h-auto flex flex-col rounded-t-2xl bg-gray-0 outline-none",
14
- a
15
- ),
16
- ...l,
17
- children: [
18
- /* @__PURE__ */ r(e.Title, { className: "sr-only" }),
19
- /* @__PURE__ */ r(e.Handle, { className: "my-2" }),
20
- t
21
- ]
22
- }
23
- )
24
- ] }));
25
- c.displayName = "DrawerContent";
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
- w as Drawer,
28
- g as DrawerClose,
29
- c as DrawerContent,
30
- x as DrawerTrigger
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 o, DrawerContent as w, DrawerTrigger as D } from "./Drawer.js";
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
- o as DrawerClose,
5
- w as DrawerContent,
6
- D as DrawerTrigger
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,3 @@
1
+ import { default as React } from 'react';
2
+ declare const EU: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default EU;
@@ -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
+ };
@@ -229,3 +229,4 @@ export { default as BL } from './bl';
229
229
  export { default as BQ } from './bq';
230
230
  export { default as GP } from './gp';
231
231
  export { default as XK } from './xk';
232
+ export { default as EU } from './eu';