@intlayer/design-system 7.5.11 → 7.5.12

package/dist/esm/components/TabSelector/TabSelector.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { cn } from "../../utils/cn.mjs";
 import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import { cn } from "../../utils/cn.mjs";
 import { cloneElement, useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components/Table/Table.mjs

@@ -4,8 +4,8 @@ import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { ExpandCollapse } from "../ExpandCollapse/ExpandCollapse.mjs";
 import { Modal, ModalSize } from "../Modal/Modal.mjs";
-import { MoveDiagonal } from "lucide-react";
 import { useState } from "react";
+import { MoveDiagonal } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/Table.tsx

package/dist/esm/components/TextArea/AutocompleteTextArea.mjs

@@ -2,9 +2,9 @@
 
 import { useAutocomplete } from "../../hooks/reactQuery.mjs";
 import { AutoSizedTextArea } from "./AutoSizeTextArea.mjs";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useConfiguration } from "@intlayer/editor-react";
 
 //#region src/components/TextArea/AutocompleteTextArea.tsx
 /**

package/dist/esm/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs

@@ -4,8 +4,8 @@ import { Container } from "../Container/index.mjs";
 import { Button, ButtonVariant } from "../Button/Button.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Modes } from "./types.mjs";
-import { CircleDashed, Moon, Sun } from "lucide-react";
 import { useState } from "react";
+import { CircleDashed, Moon, Sun } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx

package/dist/esm/components/ThemeSwitcherDropDown/MobileThemeSwitcher.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { Modes } from "./types.mjs";
-import { CircleDashed, Moon, Sun } from "lucide-react";
 import { useState } from "react";
+import { CircleDashed, Moon, Sun } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx

package/dist/esm/components/Toaster/Toast.mjs

@@ -1,10 +1,10 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { X } from "lucide-react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import * as ToastPrimitives from "@radix-ui/react-toast";
 
 //#region src/components/Toaster/Toast.tsx
 const ToastProvider = ToastPrimitives;

package/dist/esm/components/index.mjs

@@ -1,3 +1,6 @@
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./Toaster/Toast.mjs";
+import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
+import { Toaster } from "./Toaster/Toaster.mjs";
 import { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants } from "./Container/index.mjs";
 import { Loader } from "./Loader/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant, buttonVariants } from "./Button/Button.mjs";
@@ -97,8 +100,5 @@ import { Terminal } from "./Terminal/Terminal.mjs";
 import { Modes } from "./ThemeSwitcherDropDown/types.mjs";
 import { DesktopThemeSwitcher } from "./ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs";
 import { MobileThemeSwitcher } from "./ThemeSwitcherDropDown/MobileThemeSwitcher.mjs";
-import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./Toaster/Toast.mjs";
-import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
-import { Toaster } from "./Toaster/Toaster.mjs";
 
 export { Accordion, AutoCompleteTextarea, AutoSizedTextArea, Avatar, Badge, BadgeColor, BadgeSize, BadgeVariant, Breadcrumb, Browser, Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxSize, ClickOutsideDiv, Code, CodeBlock, CodeDefault, CollapsibleTable, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, DesktopThemeSwitcher, Detail, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, FacebookLogo, FileList, Flag, flags_exports as Flags, Footer, Form, GridPattern, H1, H2, H3, H4, H5, H6, HeightResizer, HideShow, IDE, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, Label, LanguageBackground, LanguageSection, Link, LinkColor, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProvider, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, OTPInput, OTPInputContext, Pagination, PaginationSize, PaginationVariant, Popover, PopoverStatic, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorColor, SwitchSelectorSize, Tab, TabSelector, TabSelectorColor, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Terminal, TextArea, TextEditor, TextEditorContainer, TiktokLogo, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, VersionSwitcher, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, getCapitals, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useCopyToClipboard, useDebounce, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawerStore, useToast, useVersionSwitcher };

package/dist/esm/dist/esm/components/Container/index.mjs

@@ -0,0 +1,133 @@
+import { cn } from "../../utils/cn.mjs";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+
+//#region dist/esm/components/Container/index.mjs
+/**
+* Container component variants using class-variance-authority
+* Provides flexible styling options for background, padding, borders, and layout
+*/
+const containerVariants = cva("flex flex-col text-text backdrop-blur", {
+	variants: {
+		roundedSize: {
+			none: "rounded-none",
+			sm: "rounded-sm [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-md",
+			md: "rounded-md [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-lg",
+			lg: "rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl",
+			xl: "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl",
+			"2xl": "rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl",
+			"3xl": "rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl",
+			"4xl": "rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]",
+			full: "rounded-full [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-full"
+		},
+		transparency: {
+			none: "bg-card",
+			sm: "bg-card/90",
+			md: "bg-card/70",
+			lg: "bg-card/40",
+			xl: "bg-card/20",
+			full: ""
+		},
+		padding: {
+			none: "p-0",
+			sm: "px-2 py-4",
+			md: "px-4 py-6",
+			lg: "px-6 py-8",
+			xl: "px-8 py-10",
+			"2xl": "px-10 py-12"
+		},
+		separator: {
+			without: "",
+			x: "divide-x divide-dashed divide-text/20",
+			y: "divide-y divide-dashed divide-text/20",
+			both: "divide-x divide-y divide-dashed divide-text/20"
+		},
+		border: {
+			none: "",
+			with: "border-[1.3px]"
+		},
+		borderColor: {
+			primary: "border-primary",
+			secondary: "border-secondary",
+			neutral: "border-neutral",
+			card: "border-card",
+			text: "border-text",
+			error: "border-error",
+			warning: "border-warning",
+			success: "border-success"
+		},
+		background: {
+			none: "",
+			hoverable: "bg-opacity-5! backdrop-blur-0 hover:bg-opacity-10! hover:backdrop-blur focus:bg-opacity-10! focus:backdrop-blur aria-selected:bg-opacity-15! aria-selected:backdrop-blur",
+			with: ""
+		},
+		gap: {
+			none: "gap-0",
+			sm: "gap-1",
+			md: "gap-3",
+			lg: "gap-5",
+			xl: "gap-8",
+			"2xl": "gap-10"
+		}
+	},
+	defaultVariants: {
+		roundedSize: "lg",
+		border: "none",
+		borderColor: "text",
+		transparency: "md",
+		padding: "none",
+		separator: "without",
+		gap: "none"
+	},
+	compoundVariants: [{
+		background: "none",
+		class: "bg-transparent"
+	}]
+});
+/**
+* Container Component
+*
+* A flexible container component for organizing content with customizable styling options.
+* Supports various visual states, layouts, and accessibility features.
+*
+* ## Features
+* - **Flexible Layout**: Supports different padding, gap, and separator options
+* - **Visual Variants**: Multiple background transparency levels and border styles
+* - **Responsive Design**: Configurable rounded corners and spacing
+* - **Semantic HTML**: Proper div element with extensible attributes
+*
+* ## Accessibility
+* - Inherits all standard div accessibility features
+* - Supports ARIA attributes through spread props
+* - Maintains proper semantic structure for screen readers
+*
+* @param children - The content to display inside the container
+* @param roundedSize - Border radius size (default: 'md')
+* @param transparency - Background transparency level (default: 'md')
+* @param padding - Internal padding size (default: 'none')
+* @param separator - Divider lines between children (default: 'without')
+* @param border - Whether to show border (default: false)
+* @param borderColor - Color of the border (default: 'text')
+* @param background - Background interaction behavior (default: 'none')
+* @param gap - Space between child elements (default: 'none')
+* @param className - Additional CSS classes
+* @param props - Additional HTML div attributes including ARIA attributes
+*/
+const Container = ({ children, roundedSize, padding, transparency, separator, className, border, borderColor, background, gap, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(containerVariants({
+		roundedSize,
+		transparency,
+		padding,
+		separator,
+		border: typeof border === "boolean" ? border ? "with" : "none" : void 0,
+		background,
+		borderColor,
+		gap
+	}), className),
+	...props,
+	children
+});
+
+//#endregion
+export { Container };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/dist/esm/components/Container/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../components/Container/index.mjs"],"sourcesContent":["import { cn } from \"../../utils/cn.mjs\";\nimport { cva } from \"class-variance-authority\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region src/components/Container/index.tsx\n/**\n* Container component variants using class-variance-authority\n* Provides flexible styling options for background, padding, borders, and layout\n*/\nconst containerVariants = cva(\"flex flex-col text-text backdrop-blur\", {\n\tvariants: {\n\t\troundedSize: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-md\",\n\t\t\tmd: \"rounded-md [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-lg\",\n\t\t\tlg: \"rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl\",\n\t\t\txl: \"rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl\",\n\t\t\t\"2xl\": \"rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl\",\n\t\t\t\"3xl\": \"rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl\",\n\t\t\t\"4xl\": \"rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]\",\n\t\t\tfull: \"rounded-full [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-full\"\n\t\t},\n\t\ttransparency: {\n\t\t\tnone: \"bg-card\",\n\t\t\tsm: \"bg-card/90\",\n\t\t\tmd: \"bg-card/70\",\n\t\t\tlg: \"bg-card/40\",\n\t\t\txl: \"bg-card/20\",\n\t\t\tfull: \"\"\n\t\t},\n\t\tpadding: {\n\t\t\tnone: \"p-0\",\n\t\t\tsm: \"px-2 py-4\",\n\t\t\tmd: \"px-4 py-6\",\n\t\t\tlg: \"px-6 py-8\",\n\t\t\txl: \"px-8 py-10\",\n\t\t\t\"2xl\": \"px-10 py-12\"\n\t\t},\n\t\tseparator: {\n\t\t\twithout: \"\",\n\t\t\tx: \"divide-x divide-dashed divide-text/20\",\n\t\t\ty: \"divide-y divide-dashed divide-text/20\",\n\t\t\tboth: \"divide-x divide-y divide-dashed divide-text/20\"\n\t\t},\n\t\tborder: {\n\t\t\tnone: \"\",\n\t\t\twith: \"border-[1.3px]\"\n\t\t},\n\t\tborderColor: {\n\t\t\tprimary: \"border-primary\",\n\t\t\tsecondary: \"border-secondary\",\n\t\t\tneutral: \"border-neutral\",\n\t\t\tcard: \"border-card\",\n\t\t\ttext: \"border-text\",\n\t\t\terror: \"border-error\",\n\t\t\twarning: \"border-warning\",\n\t\t\tsuccess: \"border-success\"\n\t\t},\n\t\tbackground: {\n\t\t\tnone: \"\",\n\t\t\thoverable: \"bg-opacity-5! backdrop-blur-0 hover:bg-opacity-10! hover:backdrop-blur focus:bg-opacity-10! focus:backdrop-blur aria-selected:bg-opacity-15! aria-selected:backdrop-blur\",\n\t\t\twith: \"\"\n\t\t},\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\tsm: \"gap-1\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-5\",\n\t\t\txl: \"gap-8\",\n\t\t\t\"2xl\": \"gap-10\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\troundedSize: \"lg\",\n\t\tborder: \"none\",\n\t\tborderColor: \"text\",\n\t\ttransparency: \"md\",\n\t\tpadding: \"none\",\n\t\tseparator: \"without\",\n\t\tgap: \"none\"\n\t},\n\tcompoundVariants: [{\n\t\tbackground: \"none\",\n\t\tclass: \"bg-transparent\"\n\t}]\n});\n/** Available rounded corner sizes for the container */\nlet ContainerRoundedSize = /* @__PURE__ */ function(ContainerRoundedSize$1) {\n\tContainerRoundedSize$1[\"NONE\"] = \"none\";\n\tContainerRoundedSize$1[\"SM\"] = \"sm\";\n\tContainerRoundedSize$1[\"MD\"] = \"md\";\n\tContainerRoundedSize$1[\"LG\"] = \"lg\";\n\tContainerRoundedSize$1[\"XL\"] = \"xl\";\n\tContainerRoundedSize$1[\"2xl\"] = \"2xl\";\n\tContainerRoundedSize$1[\"3xl\"] = \"3xl\";\n\tContainerRoundedSize$1[\"4xl\"] = \"4xl\";\n\tContainerRoundedSize$1[\"5xl\"] = \"5xl\";\n\tContainerRoundedSize$1[\"FULL\"] = \"full\";\n\treturn ContainerRoundedSize$1;\n}({});\n/** Background transparency levels for the container */\nlet ContainerTransparency = /* @__PURE__ */ function(ContainerTransparency$1) {\n\tContainerTransparency$1[\"NONE\"] = \"none\";\n\tContainerTransparency$1[\"SM\"] = \"sm\";\n\tContainerTransparency$1[\"MD\"] = \"md\";\n\tContainerTransparency$1[\"LG\"] = \"lg\";\n\tContainerTransparency$1[\"XL\"] = \"xl\";\n\tContainerTransparency$1[\"FULL\"] = \"full\";\n\treturn ContainerTransparency$1;\n}({});\n/** Padding sizes for container content */\nlet ContainerPadding = /* @__PURE__ */ function(ContainerPadding$1) {\n\tContainerPadding$1[\"NONE\"] = \"none\";\n\tContainerPadding$1[\"SM\"] = \"sm\";\n\tContainerPadding$1[\"MD\"] = \"md\";\n\tContainerPadding$1[\"LG\"] = \"lg\";\n\tContainerPadding$1[\"XL\"] = \"xl\";\n\treturn ContainerPadding$1;\n}({});\n/** Separator options for dividing container children */\nlet ContainerSeparator = /* @__PURE__ */ function(ContainerSeparator$1) {\n\tContainerSeparator$1[\"WITHOUT\"] = \"without\";\n\tContainerSeparator$1[\"X\"] = \"x\";\n\tContainerSeparator$1[\"Y\"] = \"y\";\n\tContainerSeparator$1[\"BOTH\"] = \"both\";\n\treturn ContainerSeparator$1;\n}({});\n/** Border color options for the container */\nlet ContainerBorderColor = /* @__PURE__ */ function(ContainerBorderColor$1) {\n\tContainerBorderColor$1[\"PRIMARY\"] = \"primary\";\n\tContainerBorderColor$1[\"SECONDARY\"] = \"secondary\";\n\tContainerBorderColor$1[\"NEUTRAL\"] = \"neutral\";\n\tContainerBorderColor$1[\"TEXT\"] = \"text\";\n\tContainerBorderColor$1[\"ERROR\"] = \"error\";\n\tContainerBorderColor$1[\"WARNING\"] = \"warning\";\n\tContainerBorderColor$1[\"SUCCESS\"] = \"success\";\n\treturn ContainerBorderColor$1;\n}({});\n/** Background interaction states for the container */\nlet ContainerBackground = /* @__PURE__ */ function(ContainerBackground$1) {\n\tContainerBackground$1[\"NONE\"] = \"none\";\n\tContainerBackground$1[\"HOVERABLE\"] = \"hoverable\";\n\tContainerBackground$1[\"WITH\"] = \"with\";\n\treturn ContainerBackground$1;\n}({});\n/** Gap sizes between container children */\nlet ContainerGap = /* @__PURE__ */ function(ContainerGap$1) {\n\tContainerGap$1[\"NONE\"] = \"none\";\n\tContainerGap$1[\"SM\"] = \"sm\";\n\tContainerGap$1[\"MD\"] = \"md\";\n\tContainerGap$1[\"LG\"] = \"lg\";\n\tContainerGap$1[\"XL\"] = \"xl\";\n\tContainerGap$1[\"2xl\"] = \"2xl\";\n\treturn ContainerGap$1;\n}({});\n/**\n* Container Component\n*\n* A flexible container component for organizing content with customizable styling options.\n* Supports various visual states, layouts, and accessibility features.\n*\n* ## Features\n* - **Flexible Layout**: Supports different padding, gap, and separator options\n* - **Visual Variants**: Multiple background transparency levels and border styles\n* - **Responsive Design**: Configurable rounded corners and spacing\n* - **Semantic HTML**: Proper div element with extensible attributes\n*\n* ## Accessibility\n* - Inherits all standard div accessibility features\n* - Supports ARIA attributes through spread props\n* - Maintains proper semantic structure for screen readers\n*\n* @param children - The content to display inside the container\n* @param roundedSize - Border radius size (default: 'md')\n* @param transparency - Background transparency level (default: 'md')\n* @param padding - Internal padding size (default: 'none')\n* @param separator - Divider lines between children (default: 'without')\n* @param border - Whether to show border (default: false)\n* @param borderColor - Color of the border (default: 'text')\n* @param background - Background interaction behavior (default: 'none')\n* @param gap - Space between child elements (default: 'none')\n* @param className - Additional CSS classes\n* @param props - Additional HTML div attributes including ARIA attributes\n*/\nconst Container = ({ children, roundedSize, padding, transparency, separator, className, border, borderColor, background, gap, ...props }) => /* @__PURE__ */ jsx(\"div\", {\n\tclassName: cn(containerVariants({\n\t\troundedSize,\n\t\ttransparency,\n\t\tpadding,\n\t\tseparator,\n\t\tborder: typeof border === \"boolean\" ? border ? \"with\" : \"none\" : void 0,\n\t\tbackground,\n\t\tborderColor,\n\t\tgap\n\t}), className),\n\t...props,\n\tchildren\n});\n\n//#endregion\nexport { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants };\n//# sourceMappingURL=index.mjs.map"],"mappings":";;;;;;;;;AASA,MAAM,oBAAoB,IAAI,yCAAyC;CACtE,UAAU;EACT,aAAa;GACZ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;GACP,OAAO;GACP,MAAM;GACN;EACD,cAAc;GACb,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN;EACD,SAAS;GACR,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,WAAW;GACV,SAAS;GACT,GAAG;GACH,GAAG;GACH,MAAM;GACN;EACD,QAAQ;GACP,MAAM;GACN,MAAM;GACN;EACD,aAAa;GACZ,SAAS;GACT,WAAW;GACX,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;GACP,SAAS;GACT,SAAS;GACT;EACD,YAAY;GACX,MAAM;GACN,WAAW;GACX,MAAM;GACN;EACD,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD;CACD,iBAAiB;EAChB,aAAa;EACb,QAAQ;EACR,aAAa;EACb,cAAc;EACd,SAAS;EACT,WAAW;EACX,KAAK;EACL;CACD,kBAAkB,CAAC;EAClB,YAAY;EACZ,OAAO;EACP,CAAC;CACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGF,MAAM,aAAa,EAAE,UAAU,aAAa,SAAS,cAAc,WAAW,WAAW,QAAQ,aAAa,YAAY,KAAK,GAAG,YAA4B,oBAAI,OAAO;CACxK,WAAW,GAAG,kBAAkB;EAC/B;EACA;EACA;EACA;EACA,QAAQ,OAAO,WAAW,YAAY,SAAS,SAAS,SAAS,KAAK;EACtE;EACA;EACA;EACA,CAAC,EAAE,UAAU;CACd,GAAG;CACH;CACA,CAAC"}

package/dist/esm/dist/esm/components/Flags/Flag.mjs

@@ -0,0 +1,330 @@
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Locales } from "@intlayer/types";
+
+//#region dist/esm/components/Flags/Flag.mjs
+const dynamicFlag = (importFn) => lazy(async () => {
+	const asset = (await importFn()).default;
+	if (typeof asset === "string") return { default: (props) => /* @__PURE__ */ jsx("img", {
+		src: asset,
+		alt: "flag",
+		...props
+	}) };
+	return { default: asset };
+});
+const flagRecord = {
+	[Locales.ENGLISH]: dynamicFlag(() => import("./us.mjs")),
+	[Locales.FRENCH]: dynamicFlag(() => import("./fr.mjs")),
+	[Locales.SPANISH]: dynamicFlag(() => import("./es.mjs")),
+	[Locales.PORTUGUESE]: dynamicFlag(() => import("./pt.mjs")),
+	[Locales.GERMAN]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.AFRIKAANS]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.ARABIC]: dynamicFlag(() => import("./sa.mjs")),
+	[Locales.AZERI_LATIN]: dynamicFlag(() => import("./az.mjs")),
+	[Locales.BELARUSIAN]: dynamicFlag(() => import("./by.mjs")),
+	[Locales.BULGARIAN]: dynamicFlag(() => import("./bg.mjs")),
+	[Locales.BOSNIAN]: dynamicFlag(() => import("./ba.mjs")),
+	[Locales.CATALAN]: dynamicFlag(() => import("./es-ct.mjs")),
+	[Locales.CZECH]: dynamicFlag(() => import("./cz.mjs")),
+	[Locales.WELSH]: dynamicFlag(() => import("./gb-wls.mjs")),
+	[Locales.DANISH]: dynamicFlag(() => import("./dk.mjs")),
+	[Locales.DIVEHI]: dynamicFlag(() => import("./mv.mjs")),
+	[Locales.GREEK]: dynamicFlag(() => import("./gr.mjs")),
+	[Locales.ESPERANTO]: dynamicFlag(() => import("./xx.mjs")),
+	[Locales.ESTONIAN]: dynamicFlag(() => import("./ee.mjs")),
+	[Locales.BASQUE]: dynamicFlag(() => import("./es-pv.mjs")),
+	[Locales.FARSI]: dynamicFlag(() => import("./ir.mjs")),
+	[Locales.FINNISH]: dynamicFlag(() => import("./fi.mjs")),
+	[Locales.FAROESE]: dynamicFlag(() => import("./fo.mjs")),
+	[Locales.GALICIAN]: dynamicFlag(() => import("./es-ga.mjs")),
+	[Locales.GUJARATI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.HEBREW]: dynamicFlag(() => import("./il.mjs")),
+	[Locales.HINDI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.CROATIAN]: dynamicFlag(() => import("./hr.mjs")),
+	[Locales.HUNGARIAN]: dynamicFlag(() => import("./hu.mjs")),
+	[Locales.ARMENIAN]: dynamicFlag(() => import("./am.mjs")),
+	[Locales.INDONESIAN]: dynamicFlag(() => import("./id.mjs")),
+	[Locales.ICELANDIC]: dynamicFlag(() => import("./is.mjs")),
+	[Locales.ITALIAN]: dynamicFlag(() => import("./it.mjs")),
+	[Locales.JAPANESE]: dynamicFlag(() => import("./jp.mjs")),
+	[Locales.GEORGIAN]: dynamicFlag(() => import("./ge.mjs")),
+	[Locales.KAZAKH]: dynamicFlag(() => import("./kz.mjs")),
+	[Locales.KANNADA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.KOREAN]: dynamicFlag(() => import("./kr.mjs")),
+	[Locales.KONKANI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.KYRGYZ]: dynamicFlag(() => import("./kg.mjs")),
+	[Locales.LITHUANIAN]: dynamicFlag(() => import("./lt.mjs")),
+	[Locales.LATVIAN]: dynamicFlag(() => import("./lv.mjs")),
+	[Locales.MAORI]: dynamicFlag(() => import("./nz.mjs")),
+	[Locales.FYRO_MACEDONIAN]: dynamicFlag(() => import("./mk.mjs")),
+	[Locales.MONGOLIAN]: dynamicFlag(() => import("./mn.mjs")),
+	[Locales.MARATHI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.MALAY]: dynamicFlag(() => import("./my.mjs")),
+	[Locales.MALTESE]: dynamicFlag(() => import("./mt.mjs")),
+	[Locales.NORWEGIAN_BOKMAL]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.DUTCH]: dynamicFlag(() => import("./nl.mjs")),
+	[Locales.NORTHERN_SOTHO]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.PUNJABI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.POLISH]: dynamicFlag(() => import("./pl.mjs")),
+	[Locales.PASHTO]: dynamicFlag(() => import("./af.mjs")),
+	[Locales.QUECHUA]: dynamicFlag(() => import("./pe.mjs")),
+	[Locales.ROMANIAN]: dynamicFlag(() => import("./ro.mjs")),
+	[Locales.RUSSIAN]: dynamicFlag(() => import("./ru.mjs")),
+	[Locales.SANSKRIT]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.SAMI_NORTHERN]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.SLOVAK]: dynamicFlag(() => import("./sk.mjs")),
+	[Locales.SLOVENIAN]: dynamicFlag(() => import("./si.mjs")),
+	[Locales.ALBANIAN]: dynamicFlag(() => import("./al.mjs")),
+	[Locales.SERBIAN_LATIN]: dynamicFlag(() => import("./rs.mjs")),
+	[Locales.SWEDISH]: dynamicFlag(() => import("./se.mjs")),
+	[Locales.SWEDISH_FINLAND]: dynamicFlag(() => import("./fi.mjs")),
+	[Locales.SWEDISH_SWEDEN]: dynamicFlag(() => import("./se.mjs")),
+	[Locales.SWAHILI]: dynamicFlag(() => import("./ke.mjs")),
+	[Locales.SYRIAC]: dynamicFlag(() => import("./sy.mjs")),
+	[Locales.TAMIL]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.TELUGU]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.THAI]: dynamicFlag(() => import("./th.mjs")),
+	[Locales.TAGALOG]: dynamicFlag(() => import("./ph.mjs")),
+	[Locales.TSWANA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.TURKISH]: dynamicFlag(() => import("./tr.mjs")),
+	[Locales.TATAR]: dynamicFlag(() => import("./ru.mjs")),
+	[Locales.UKRAINIAN]: dynamicFlag(() => import("./ua.mjs")),
+	[Locales.URDU]: dynamicFlag(() => import("./pk.mjs")),
+	[Locales.UZBEK_LATIN]: dynamicFlag(() => import("./uz.mjs")),
+	[Locales.VIETNAMESE]: dynamicFlag(() => import("./vn.mjs")),
+	[Locales.XHOSA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.CHINESE_SIMPLIFIED]: dynamicFlag(() => import("./cn.mjs")),
+	[Locales.CHINESE_TRADITIONAL]: dynamicFlag(() => import("./tw.mjs")),
+	[Locales.ZULU]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.AFRIKAANS_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.ARABIC_UNITED_ARAB_EMIRATES]: dynamicFlag(() => import("./ae.mjs")),
+	[Locales.ARABIC_BAHRAIN]: dynamicFlag(() => import("./bh.mjs")),
+	[Locales.ARABIC_ALGERIA]: dynamicFlag(() => import("./dz.mjs")),
+	[Locales.ARABIC_EGYPT]: dynamicFlag(() => import("./eg.mjs")),
+	[Locales.ARABIC_IRAQ]: dynamicFlag(() => import("./iq.mjs")),
+	[Locales.ARABIC_JORDAN]: dynamicFlag(() => import("./jo.mjs")),
+	[Locales.ARABIC_KUWAIT]: dynamicFlag(() => import("./kw.mjs")),
+	[Locales.ARABIC_LEBANON]: dynamicFlag(() => import("./lb.mjs")),
+	[Locales.ARABIC_LIBYA]: dynamicFlag(() => import("./ly.mjs")),
+	[Locales.ARABIC_MOROCCO]: dynamicFlag(() => import("./ma.mjs")),
+	[Locales.ARABIC_OMAN]: dynamicFlag(() => import("./om.mjs")),
+	[Locales.ARABIC_QATAR]: dynamicFlag(() => import("./qa.mjs")),
+	[Locales.ARABIC_SAUDI_ARABIA]: dynamicFlag(() => import("./sa.mjs")),
+	[Locales.ARABIC_SYRIA]: dynamicFlag(() => import("./sy.mjs")),
+	[Locales.ARABIC_TUNISIA]: dynamicFlag(() => import("./tn.mjs")),
+	[Locales.ARABIC_YEMEN]: dynamicFlag(() => import("./ye.mjs")),
+	[Locales.AZERI_LATIN_AZERBAIJAN]: dynamicFlag(() => import("./az.mjs")),
+	[Locales.BELARUSIAN_BELARUS]: dynamicFlag(() => import("./by.mjs")),
+	[Locales.BULGARIAN_BULGARIA]: dynamicFlag(() => import("./bg.mjs")),
+	[Locales.BOSNIAN_BOSNIA_AND_HERZEGOVINA]: dynamicFlag(() => import("./ba.mjs")),
+	[Locales.CATALAN_SPAIN]: dynamicFlag(() => import("./es-ct.mjs")),
+	[Locales.CZECH_CZECH_REPUBLIC]: dynamicFlag(() => import("./cz.mjs")),
+	[Locales.WELSH_UNITED_KINGDOM]: dynamicFlag(() => import("./gb-wls.mjs")),
+	[Locales.DANISH_DENMARK]: dynamicFlag(() => import("./dk.mjs")),
+	[Locales.GERMAN_AUSTRIA]: dynamicFlag(() => import("./at.mjs")),
+	[Locales.GERMAN_SWITZERLAND]: dynamicFlag(() => import("./ch.mjs")),
+	[Locales.GERMAN_GERMANY]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.GERMAN_LIECHTENSTEIN]: dynamicFlag(() => import("./li.mjs")),
+	[Locales.GERMAN_LUXEMBOURG]: dynamicFlag(() => import("./lu.mjs")),
+	[Locales.DIVEHI_MALDIVES]: dynamicFlag(() => import("./mv.mjs")),
+	[Locales.GREEK_GREECE]: dynamicFlag(() => import("./gr.mjs")),
+	[Locales.ENGLISH_AUSTRALIA]: dynamicFlag(() => import("./au.mjs")),
+	[Locales.ENGLISH_BELIZE]: dynamicFlag(() => import("./bz.mjs")),
+	[Locales.ENGLISH_CANADA]: dynamicFlag(() => import("./ca.mjs")),
+	[Locales.ENGLISH_CARIBBEAN]: dynamicFlag(() => import("./jm.mjs")),
+	[Locales.ENGLISH_UNITED_KINGDOM]: dynamicFlag(() => import("./gb.mjs")),
+	[Locales.ENGLISH_IRELAND]: dynamicFlag(() => import("./ie.mjs")),
+	[Locales.ENGLISH_JAMAICA]: dynamicFlag(() => import("./jm.mjs")),
+	[Locales.ENGLISH_NEW_ZEALAND]: dynamicFlag(() => import("./nz.mjs")),
+	[Locales.ENGLISH_PHILIPPINES]: dynamicFlag(() => import("./ph.mjs")),
+	[Locales.ENGLISH_TRINIDAD_AND_TOBAGO]: dynamicFlag(() => import("./tt.mjs")),
+	[Locales.ENGLISH_UNITED_STATES]: dynamicFlag(() => import("./us.mjs")),
+	[Locales.ENGLISH_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.ENGLISH_ZIMBABWE]: dynamicFlag(() => import("./zw.mjs")),
+	[Locales.SPANISH_ARGENTINA]: dynamicFlag(() => import("./ar.mjs")),
+	[Locales.SPANISH_BOLIVIA]: dynamicFlag(() => import("./bo.mjs")),
+	[Locales.SPANISH_CHILE]: dynamicFlag(() => import("./cl.mjs")),
+	[Locales.SPANISH_COLOMBIA]: dynamicFlag(() => import("./co.mjs")),
+	[Locales.SPANISH_COSTA_RICA]: dynamicFlag(() => import("./cr.mjs")),
+	[Locales.SPANISH_DOMINICAN_REPUBLIC]: dynamicFlag(() => import("./do.mjs")),
+	[Locales.SPANISH_ECUADOR]: dynamicFlag(() => import("./ec.mjs")),
+	[Locales.SPANISH_SPAIN]: dynamicFlag(() => import("./es.mjs")),
+	[Locales.SPANISH_GUATEMALA]: dynamicFlag(() => import("./gt.mjs")),
+	[Locales.SPANISH_HONDURAS]: dynamicFlag(() => import("./hn.mjs")),
+	[Locales.SPANISH_MEXICO]: dynamicFlag(() => import("./mx.mjs")),
+	[Locales.SPANISH_NICARAGUA]: dynamicFlag(() => import("./ni.mjs")),
+	[Locales.SPANISH_PANAMA]: dynamicFlag(() => import("./pa.mjs")),
+	[Locales.SPANISH_PERU]: dynamicFlag(() => import("./pe.mjs")),
+	[Locales.SPANISH_PUERTO_RICO]: dynamicFlag(() => import("./pr.mjs")),
+	[Locales.SPANISH_PARAGUAY]: dynamicFlag(() => import("./py.mjs")),
+	[Locales.SPANISH_EL_SALVADOR]: dynamicFlag(() => import("./sv.mjs")),
+	[Locales.SPANISH_URUGUAY]: dynamicFlag(() => import("./uy.mjs")),
+	[Locales.SPANISH_VENEZUELA]: dynamicFlag(() => import("./ve.mjs")),
+	[Locales.ESTONIAN_ESTONIA]: dynamicFlag(() => import("./ee.mjs")),
+	[Locales.BASQUE_SPAIN]: dynamicFlag(() => import("./es-pv.mjs")),
+	[Locales.FARSI_IRAN]: dynamicFlag(() => import("./ir.mjs")),
+	[Locales.FINNISH_FINLAND]: dynamicFlag(() => import("./fi.mjs")),
+	[Locales.FAROESE_FAROE_ISLANDS]: dynamicFlag(() => import("./fo.mjs")),
+	[Locales.FRENCH_BELGIUM]: dynamicFlag(() => import("./be.mjs")),
+	[Locales.FRENCH_CANADA]: dynamicFlag(() => import("./ca.mjs")),
+	[Locales.FRENCH_SWITZERLAND]: dynamicFlag(() => import("./ch.mjs")),
+	[Locales.FRENCH_FRANCE]: dynamicFlag(() => import("./fr.mjs")),
+	[Locales.FRENCH_LUXEMBOURG]: dynamicFlag(() => import("./lu.mjs")),
+	[Locales.FRENCH_PRINCIPALITY_OF_MONACO]: dynamicFlag(() => import("./mc.mjs")),
+	[Locales.GALICIAN_SPAIN]: dynamicFlag(() => import("./es-ga.mjs")),
+	[Locales.GUJARATI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.HEBREW_ISRAEL]: dynamicFlag(() => import("./il.mjs")),
+	[Locales.HINDI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.CROATIAN_BOSNIA_AND_HERZEGOVINA]: dynamicFlag(() => import("./ba.mjs")),
+	[Locales.CROATIAN_CROATIA]: dynamicFlag(() => import("./hr.mjs")),
+	[Locales.HUNGARIAN_HUNGARY]: dynamicFlag(() => import("./hu.mjs")),
+	[Locales.ARMENIAN_ARMENIA]: dynamicFlag(() => import("./am.mjs")),
+	[Locales.INDONESIAN_INDONESIA]: dynamicFlag(() => import("./id.mjs")),
+	[Locales.ICELANDIC_ICELAND]: dynamicFlag(() => import("./is.mjs")),
+	[Locales.ITALIAN_SWITZERLAND]: dynamicFlag(() => import("./ch.mjs")),
+	[Locales.ITALIAN_ITALY]: dynamicFlag(() => import("./it.mjs")),
+	[Locales.JAPANESE_JAPAN]: dynamicFlag(() => import("./jp.mjs")),
+	[Locales.GEORGIAN_GEORGIA]: dynamicFlag(() => import("./ge.mjs")),
+	[Locales.KAZAKH_KAZAKHSTAN]: dynamicFlag(() => import("./kz.mjs")),
+	[Locales.KANNADA_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.KOREAN_KOREA]: dynamicFlag(() => import("./kr.mjs")),
+	[Locales.KONKANI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.KYRGYZ_KYRGYZSTAN]: dynamicFlag(() => import("./kg.mjs")),
+	[Locales.LITHUANIAN_LITHUANIA]: dynamicFlag(() => import("./lt.mjs")),
+	[Locales.LATVIAN_LATVIA]: dynamicFlag(() => import("./lv.mjs")),
+	[Locales.MAORI_NEW_ZEALAND]: dynamicFlag(() => import("./nz.mjs")),
+	[Locales.FYRO_MACEDONIAN_MACEDONIA]: dynamicFlag(() => import("./mk.mjs")),
+	[Locales.MONGOLIAN_MONGOLIA]: dynamicFlag(() => import("./mn.mjs")),
+	[Locales.MARATHI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.MALAY_BRUNEI_DARUSSALAM]: dynamicFlag(() => import("./bn.mjs")),
+	[Locales.MALAY_MALAYSIA]: dynamicFlag(() => import("./my.mjs")),
+	[Locales.MALTESE_MALTA]: dynamicFlag(() => import("./mt.mjs")),
+	[Locales.NORWEGIAN_BOKMAL_NORWAY]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.DUTCH_BELGIUM]: dynamicFlag(() => import("./be.mjs")),
+	[Locales.DUTCH_NETHERLANDS]: dynamicFlag(() => import("./nl.mjs")),
+	[Locales.NORWEGIAN_NYNORSK_NORWAY]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.NORTHERN_SOTHO_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.PUNJABI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.POLISH_POLAND]: dynamicFlag(() => import("./pl.mjs")),
+	[Locales.PASHTO_AFGHANISTAN]: dynamicFlag(() => import("./af.mjs")),
+	[Locales.PORTUGUESE_BRAZIL]: dynamicFlag(() => import("./br.mjs")),
+	[Locales.PORTUGUESE_PORTUGAL]: dynamicFlag(() => import("./pt.mjs")),
+	[Locales.QUECHUA_BOLIVIA]: dynamicFlag(() => import("./bo.mjs")),
+	[Locales.QUECHUA_ECUADOR]: dynamicFlag(() => import("./ec.mjs")),
+	[Locales.QUECHUA_PERU]: dynamicFlag(() => import("./pe.mjs")),
+	[Locales.ROMANIAN_ROMANIA]: dynamicFlag(() => import("./ro.mjs")),
+	[Locales.RUSSIAN_RUSSIA]: dynamicFlag(() => import("./ru.mjs")),
+	[Locales.SANSKRIT_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.SAMI_NORTHERN_FINLAND]: dynamicFlag(() => import("./fi.mjs")),
+	[Locales.SAMI_NORTHERN_NORWAY]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.SAMI_NORTHERN_SWEDEN]: dynamicFlag(() => import("./se.mjs")),
+	[Locales.SLOVAK_SLOVAKIA]: dynamicFlag(() => import("./sk.mjs")),
+	[Locales.SLOVENIAN_SLOVENIA]: dynamicFlag(() => import("./si.mjs")),
+	[Locales.ALBANIAN_ALBANIA]: dynamicFlag(() => import("./al.mjs")),
+	[Locales.SERBIAN_LATIN_BOSNIA_AND_HERZEGOVINA]: dynamicFlag(() => import("./ba.mjs")),
+	[Locales.SERBIAN_LATIN_SERBIA_AND_MONTENEGRO]: dynamicFlag(() => import("./rs.mjs")),
+	[Locales.SWAHILI_KENYA]: dynamicFlag(() => import("./ke.mjs")),
+	[Locales.SYRIAC_SYRIA]: dynamicFlag(() => import("./sy.mjs")),
+	[Locales.TAMIL_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.TELUGU_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.THAI_THAILAND]: dynamicFlag(() => import("./th.mjs")),
+	[Locales.TAGALOG_PHILIPPINES]: dynamicFlag(() => import("./ph.mjs")),
+	[Locales.TSWANA_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.TURKISH_TURKEY]: dynamicFlag(() => import("./tr.mjs")),
+	[Locales.TATAR_RUSSIA]: dynamicFlag(() => import("./ru.mjs")),
+	[Locales.TSOGA]: dynamicFlag(() => import("./xx.mjs")),
+	[Locales.UKRAINIAN_UKRAINE]: dynamicFlag(() => import("./ua.mjs")),
+	[Locales.URDU_ISLAMIC_REPUBLIC_OF_PAKISTAN]: dynamicFlag(() => import("./pk.mjs")),
+	[Locales.UZBEK_LATIN_UZBEKISTAN]: dynamicFlag(() => import("./uz.mjs")),
+	[Locales.VIETNAMESE_VIET_NAM]: dynamicFlag(() => import("./vn.mjs")),
+	[Locales.XHOSA_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.CHINESE]: dynamicFlag(() => import("./cn.mjs")),
+	[Locales.CHINESE_SIMPLIFIED_CHINA]: dynamicFlag(() => import("./cn.mjs")),
+	[Locales.CHINESE_HONG_KONG]: dynamicFlag(() => import("./hk.mjs")),
+	[Locales.CHINESE_MACAU]: dynamicFlag(() => import("./mo.mjs")),
+	[Locales.CHINESE_SINGAPORE]: dynamicFlag(() => import("./sg.mjs")),
+	[Locales.ZULU_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.BENGALI]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.BENGALI_BANGLADESH]: dynamicFlag(() => import("./bd.mjs")),
+	[Locales.BENGALI_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.BENGALI_MYANMAR]: dynamicFlag(() => import("./mm.mjs")),
+	[Locales.BURMESE]: dynamicFlag(() => import("./mm.mjs")),
+	[Locales.BURMESE_MYANMAR]: dynamicFlag(() => import("./mm.mjs")),
+	[Locales.KHMER]: dynamicFlag(() => import("./kh.mjs")),
+	[Locales.KHMER_CAMBODIA]: dynamicFlag(() => import("./kh.mjs")),
+	[Locales.LAO]: dynamicFlag(() => import("./la.mjs")),
+	[Locales.LAO_LAOS]: dynamicFlag(() => import("./la.mjs")),
+	[Locales.YORUBA]: dynamicFlag(() => import("./ng.mjs")),
+	[Locales.YORUBA_NIGERIA]: dynamicFlag(() => import("./ng.mjs")),
+	[Locales.AMHARIC]: dynamicFlag(() => import("./et.mjs")),
+	[Locales.AMHARIC_ETHIOPIA]: dynamicFlag(() => import("./et.mjs")),
+	[Locales.NEPALI]: dynamicFlag(() => import("./np.mjs")),
+	[Locales.NEPALI_NEPAL]: dynamicFlag(() => import("./np.mjs")),
+	[Locales.IRISH]: dynamicFlag(() => import("./ie.mjs")),
+	[Locales.IRISH_IRELAND]: dynamicFlag(() => import("./ie.mjs")),
+	[Locales.SCOTTISH_GAELIC]: dynamicFlag(() => import("./gb.mjs")),
+	[Locales.SCOTTISH_GAELIC_UNITED_KINGDOM]: dynamicFlag(() => import("./gb.mjs")),
+	[Locales.KURDISH]: dynamicFlag(() => import("./tr.mjs")),
+	[Locales.KURDISH_TURKEY]: dynamicFlag(() => import("./tr.mjs")),
+	[Locales.MALAYALAM]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.MALAYALAM_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.NORWEGIAN]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.NORWEGIAN_NYNORSK]: dynamicFlag(() => import("./no.mjs")),
+	[Locales.ROMANIAN_MOLDOVA]: dynamicFlag(() => import("./md.mjs")),
+	[Locales.ROMANSH]: dynamicFlag(() => import("./ch.mjs")),
+	[Locales.ROMANSH_SWITZERLAND]: dynamicFlag(() => import("./ch.mjs")),
+	[Locales.RUSSIAN_MOLDOVA]: dynamicFlag(() => import("./md.mjs")),
+	[Locales.UPPER_SORBIAN]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.UPPER_SORBIAN_GERMANY]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.LOWER_SORBIAN]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.LOWER_SORBIAN_GERMANY]: dynamicFlag(() => import("./de.mjs")),
+	[Locales.VENDA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.VENDA_SOUTH_AFRICA]: dynamicFlag(() => import("./za.mjs")),
+	[Locales.YIDDISH]: dynamicFlag(() => import("./il.mjs")),
+	[Locales.YIDDISH_WORLD]: dynamicFlag(() => import("./il.mjs")),
+	[Locales.SINHALA]: dynamicFlag(() => import("./lk.mjs")),
+	[Locales.SINHALA_SRI_LANKA]: dynamicFlag(() => import("./lk.mjs")),
+	[Locales.SERBIAN_CYRILLIC]: dynamicFlag(() => import("./rs.mjs")),
+	[Locales.SERBIAN_CYRILLIC_SERBIA]: dynamicFlag(() => import("./rs.mjs")),
+	[Locales.ENGLISH_INDIA]: dynamicFlag(() => import("./in.mjs")),
+	[Locales.ENGLISH_SINGAPORE]: dynamicFlag(() => import("./sg.mjs")),
+	[Locales.ENGLISH_HONG_KONG]: dynamicFlag(() => import("./hk.mjs")),
+	[Locales.ENGLISH_NIGERIA]: dynamicFlag(() => import("./ng.mjs")),
+	[Locales.ENGLISH_PAKISTAN]: dynamicFlag(() => import("./pk.mjs")),
+	[Locales.ENGLISH_MALAYSIA]: dynamicFlag(() => import("./my.mjs")),
+	[Locales.ENGLISH_BOTSWANA]: dynamicFlag(() => import("./bw.mjs")),
+	[Locales.ENGLISH_KENYA]: dynamicFlag(() => import("./ke.mjs")),
+	[Locales.ENGLISH_TANZANIA]: dynamicFlag(() => import("./tz.mjs")),
+	[Locales.ENGLISH_GHANA]: dynamicFlag(() => import("./gh.mjs")),
+	[Locales.ENGLISH_UGANDA]: dynamicFlag(() => import("./ug.mjs")),
+	[Locales.SPANISH_CUBA]: dynamicFlag(() => import("./cu.mjs")),
+	[Locales.SPANISH_UNITED_STATES]: dynamicFlag(() => import("./us.mjs")),
+	[Locales.PORTUGUESE_GUINEA_BISSAU]: dynamicFlag(() => import("./gw.mjs")),
+	[Locales.PORTUGUESE_MOZAMBIQUE]: dynamicFlag(() => import("./mz.mjs")),
+	[Locales.PORTUGUESE_SAO_TOME_AND_PRINCIPE]: dynamicFlag(() => import("./st.mjs")),
+	[Locales.PORTUGUESE_CAPE_VERDE]: dynamicFlag(() => import("./cv.mjs")),
+	[Locales.PORTUGUESE_TIMOR_LESTE]: dynamicFlag(() => import("./tl.mjs")),
+	[Locales.PORTUGUESE_MACAU]: dynamicFlag(() => import("./mo.mjs")),
+	[Locales.CHINESE_TAIWAN]: dynamicFlag(() => import("./tw.mjs")),
+	[Locales.ARABIC_MAURITANIA]: dynamicFlag(() => import("./mr.mjs")),
+	[Locales.ARABIC_PALESTINE]: dynamicFlag(() => import("./ps.mjs")),
+	[Locales.ARABIC_SUDAN]: dynamicFlag(() => import("./sd.mjs")),
+	[Locales.ARABIC_DJIBOUTI]: dynamicFlag(() => import("./dj.mjs")),
+	[Locales.ARABIC_SOMALIA]: dynamicFlag(() => import("./so.mjs")),
+	[Locales.ARABIC_CHAD]: dynamicFlag(() => import("./td.mjs")),
+	[Locales.ARABIC_COMOROS]: dynamicFlag(() => import("./km.mjs"))
+};
+const Flag = ({ locale, alt, ...props }) => {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(flagRecord[locale] ?? dynamicFlag(() => import("./xx.mjs")), {
+			alt: alt ?? `${locale} flag`,
+			...props,
+			role: "img"
+		})
+	});
+};
+
+//#endregion
+export { Flag };
+//# sourceMappingURL=Flag.mjs.map