@nonfx/vue-flagpack 2.0.3 → 3.1.0

package/README.md

@@ -21,11 +21,16 @@ Flagpack contains 260+ flag icons to easily use within your code project. Flagpa
     <img src="https://img.shields.io/twitter/follow/flagpack.svg?style=social&label=follow"  />
   </a>
 </p>
-Flagpack for Vue is now fully compatible with Vue 3 and Nuxt 3! The package has been updated to use Vue 3's Composition API and includes a dedicated Nuxt module for seamless integration.
 
-### Tree-Shaking Support
+Flagpack for Vue is fully compatible with Vue 3 and Nuxt 3! The package uses Vue 3's Composition API and includes a dedicated Nuxt module for seamless integration.
 
-Starting from flagpack-core v2.0.0, vue-flagpack supports **tree-shaking**! This means only the flag SVGs you actually use will be included in your bundle. The Flag component uses dynamic imports to load flag SVGs on-demand, ensuring your bundle stays small and efficient.
+### 🎉 What's New in v3.0
+
+- **66% Smaller Bundle**: Optimized from 750 to 255 flag files by eliminating redundant ISO code variants
+- **Full ISO Support**: Use alpha2 (`"US"`), alpha3 (`"USA"`), or numeric (`"840"`) codes - all work seamlessly
+- **Smart Conversion**: Automatic runtime conversion from any ISO format to the optimized alpha2 format
+- **Tree-Shaking Support**: Only the flags you use are included in your bundle via dynamic imports
+- **Zero Breaking Changes**: Full backward compatibility with existing code
 
 ## Installation
 
@@ -33,7 +38,7 @@ Starting from flagpack-core v2.0.0, vue-flagpack supports **tree-shaking**! This
 npm install @nonfx/vue-flagpack
 ```
 
-The package includes all flag SVGs and uses dynamic imports for automatic tree-shaking. Only the flags you actually use will be included in your final bundle.
+The package includes 255 optimized flag components with dynamic imports for automatic tree-shaking. Only the flags you actually use will be included in your final bundle.
 
 ## Usage
 
@@ -88,25 +93,29 @@ Then use the Flag component anywhere in your Nuxt app (auto-imported):
 </template>
 ```
 
-### Advanced: Direct Flag Import for Static Bundling
+### ISO Code Conversion
 
-For optimal tree-shaking when you know which flags you need at build time, you can use the utility functions:
+The package includes a utility to convert between different ISO code formats:
 
 ```vue
 <script setup>
-import { ref, onMounted } from 'vue'
-import { getFlagUrl, isoToCountryCode } from 'vue-flagpack'
+import { isoToCountryCode, isValidIsoCode } from 'vue-flagpack'
 
-const flagUrl = ref('')
+// Convert any ISO format to alpha2 (2-letter code)
+console.log(isoToCountryCode('USA'))  // "US"
+console.log(isoToCountryCode('840'))  // "US"
+console.log(isoToCountryCode('US'))   // "US"
 
-onMounted(async () => {
-  // Only the NL flag SVG will be included in your bundle
-  flagUrl.value = await getFlagUrl('NL', 'l')
-})
+// Validate ISO codes
+console.log(isValidIsoCode('USA'))  // true
+console.log(isValidIsoCode('XXX'))  // false
 </script>
 
 <template>
-  <img v-if="flagUrl" :src="flagUrl" alt="Netherlands flag" />
+  <!-- All these work identically -->
+  <Flag code="US" />   <!-- alpha2 -->
+  <Flag code="USA" />  <!-- alpha3 - auto-converted -->
+  <Flag code="840" />  <!-- numeric - auto-converted -->
 </template>
 ```
 
@@ -133,27 +142,48 @@ app.mount('#app')
 
 
 
-## How Tree-Shaking Works
+## How It Works
+
+Vue-flagpack uses **dynamic imports with smart ISO code conversion** for optimal bundle size:
+
+- **Optimized Bundle**: Only 255 flag components (one per country) instead of 750+ duplicates
+- **Smart Conversion**: Automatically converts alpha3 (`"USA"`) and numeric (`"840"`) codes to alpha2 (`"US"`)
+- **Tree-Shaking**: Only the flags you use are included in your final bundle
+- **Zero Configuration**: Works out-of-the-box with Nuxt 3, Vite, Webpack, and any Vue 3 setup
+- **Dynamic Loading**: Flags are loaded on-demand via dynamic imports
+
+### Usage (Static or Dynamic)
 
-Vue-flagpack uses **dynamic imports** to ensure only the flag SVGs you use are included in your bundle:
+Both static and dynamic usage work identically:
 
-- **Automatic Tree-Shaking**: The `Flag` component dynamically imports SVG files based on the `code` prop
-- **No Bloat**: Unlike v1, all 250+ flags are NOT bundled into your app by default
-- **Optimized Bundles**: Modern bundlers (Vite, Webpack 5, Rollup, Nuxt 3) automatically code-split flag SVGs
-- **On-Demand**: Flags are loaded when the component renders, keeping initial bundle size minimal
+```vue
+<!-- Static -->
+<Flag code="NL" size="m" />
+
+<!-- Dynamic (fully supported) -->
+<Flag :code="selectedCountry" size="m" />
 
-The package includes all flag SVGs in the `src/flags` directory. Your bundler (Vite/Webpack/Nuxt) will analyze the dynamic imports and only include the flags you actually reference in your code.
+<!-- All ISO formats work -->
+<Flag code="USA" />  <!-- Converted to "US" -->
+<Flag code="840" />  <!-- Converted to "US" -->
+```
 
-### Bundle Size Comparison
+**Both work perfectly!** Flags change instantly when your ref updates.
 
-- **v1.x (no tree-shaking)**: ~16MB (all flags bundled)
-- **v2.x (with tree-shaking)**: ~5KB base + only flags you use
+### Bundle Size
 
-Example: If your app uses 5 country flags:
-- Your bundle will be ~5KB (base) + ~10KB (5 flags) = **~15KB total**
-- The other 245+ unused flags are completely excluded from your bundle
+**v3.0 Optimization**:
+- **Flag Files**: 255 components (one per country)
+- **Package Size**: ~6.3 MB compressed, ~22.7 MB unpacked
+- **Runtime Overhead**: Minimal (<26KB for country code mappings)
+- **Reduction**: 66% fewer files compared to v2.x
 
-This is true tree-shaking - only what you use gets bundled!
+Benefits:
+- ✅ **Smaller bundles** - Only include flags you use
+- ✅ **Full ISO support** - alpha2, alpha3, and numeric codes
+- ✅ **No breaking changes** - All existing code works
+- ✅ **Tree-shaking** - Individual flags can be imported
+- ✅ **Zero configuration** - Works with any bundler
 
 ## Available component configurations — Props
 
@@ -169,33 +199,44 @@ This is true tree-shaking - only what you use gets bundled!
 
 
 
-## Build Dist
+## Development
 
 ```bash
-# install dependencies
+# Install dependencies
 npm install
 
-# build for prod
+# Generate flag components and build for production
 npm run build
 
-# build with watcher for dev
+# Clean generated files (dist/ and src/flags/)
+npm run clean
+
+# Build with watcher for development
 npm run dev
+
+# Generate flag components only
+npm run generate-flags
 ```
 
+**Note**: The `src/flags/` directory is auto-generated during build and is not tracked in git. It contains 255 flag components generated from the source SVG files.
+
 ## Releasing
-To release a new version you'll need to make sure all changes commits are done and pushed. After that you'll need to decide which release type you want to use. The release types are; patch (0.0.1), major (0.1.0), or minor (1.0.0).
-```
+
+To release a new version you'll need to make sure all changes commits are done and pushed. After that you'll need to decide which release type you want to use. The release types are; patch (0.0.1), minor (0.1.0), or major (1.0.0).
+
+```bash
+# Update version number and create git tag
 npm version <release_type>
-```
-This will update the version number in the `package.json`, and will add a git tag automatically. Next you'll need to push the git tag to the remote.
-```
+
+# Push commits and tags to remote
 git push --tags origin main
-```
-After that you'll need to publish to npm.
-```
+
+# Publish to npm (prepublishOnly hook will build automatically)
 npm publish
 ```
 
+**Note**: The `prepublishOnly` script automatically runs `npm run build` before publishing, ensuring the latest flag components are generated and included in the package.
+
 When you're confident with the release, make sure the version tag is also released at GitHub.
 
 ## Support
@@ -208,10 +249,47 @@ When you're confident with the release, make sure the version tag is also releas
 
 You can find a changelog of Flagpack's releases on the [Releases page](https://github.com/Yummygum/vue-flagpack/releases) on GitHub.
 
+## Migration Guide
+
+### From v2.x to v3.0
+
+**Good news**: v3.0 is fully backward compatible! No code changes required.
+
+**What changed internally**:
+- Reduced from 750 to 255 flag files (66% smaller)
+- Added automatic ISO code conversion
+- Moved `flagpack-core` to devDependencies
+
+**All existing code continues to work**:
+```vue
+<!-- v2.x code -->
+<Flag code="NL" size="m" />
+
+<!-- Still works in v3.0 -->
+<Flag code="NL" size="m" />
+
+<!-- Bonus: Now supports more ISO formats -->
+<Flag code="NLD" size="m" />  <!-- alpha3 -->
+<Flag code="528" size="m" />  <!-- numeric -->
+```
+
+**New features in v3.0**:
+```js
+import { isoToCountryCode, isValidIsoCode } from 'vue-flagpack'
+
+// Convert any ISO format to alpha2
+isoToCountryCode('USA')  // "US"
+
+// Validate ISO codes
+isValidIsoCode('USA')    // true
+```
+
 ## Contribute
 
 If you're interested in contributing to this project, great! Please see the [contributing document](CONTRIBUTING.md).
 
+For details on the v3.0 optimization, see [OPTIMIZATION.md](OPTIMIZATION.md).
+
 ## License
 
 Flagpack is an open source project published under a [MIT license](LICENSE).

package/dist/createFlagComponent.d.ts

@@ -0,0 +1,66 @@
+import type { FlagSize } from './sizeConfig';
+export interface FlagComponentProps {
+    hasBorder?: boolean;
+    hasBorderRadius?: boolean;
+    hasDropShadow?: boolean;
+    gradient?: 'top-down' | 'real-linear' | 'real-circular';
+    className?: string;
+}
+/**
+ * Creates a Vue component for a specific flag
+ * @param code - The country code (e.g., 'NL', 'US')
+ * @param size - The flag size ('small', 'medium', 'large')
+ * @param svgContent - The raw SVG string content
+ * @returns A Vue component
+ */
+export declare function createFlagComponent(code: string, size: FlagSize, svgContent: string): import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/flags/FlagAD.d.ts

@@ -0,0 +1,154 @@
+export declare const FlagADSmall: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const FlagADMedium: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const FlagADLarge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default FlagADMedium;

package/dist/flags/FlagAD.js

@@ -0,0 +1 @@
+import{createFlagComponent as C}from"../createFlagComponent";const l=C("AD","small",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12"><g clip-path="url(#AD_svg__a)"><path fill="#fff" d="M0 0H16V12H0z"/><path fill="#FFD018" fill-rule="evenodd" d="M4 0H12V12H4V0Z" clip-rule="evenodd"/><path fill="#2E42A5" fill-rule="evenodd" d="M0 0H4V12H0V0Z" clip-rule="evenodd"/><path fill="#E31D1C" fill-rule="evenodd" d="M12 0H16V12H12V0Z" clip-rule="evenodd"/><path fill="#BF9937" fill-rule="evenodd" d="M4.90002 3.60712C4.90002 3.05206 5.35208 2.6032 5.90712 2.60714L10.3017 2.63832C10.8512 2.64222 11.2947 3.08878 11.2947 3.6383V7.64537C11.2947 7.64537 10.8505 9.64537 8.14899 9.64537C5.44743 9.64537 4.90002 7.6 4.90002 7.6V3.60712Z" clip-rule="evenodd"/><path fill="#BF9937" fill-rule="evenodd" d="M5.15002 4.20001C5.56424 4.20001 5.90002 3.86423 5.90002 3.45001 5.90002 3.0358 5.56424 2.70001 5.15002 2.70001 4.73581 2.70001 4.40002 3.0358 4.40002 3.45001 4.40002 3.86423 4.73581 4.20001 5.15002 4.20001zM5.15002 6.40002C5.56424 6.40002 5.90002 6.06424 5.90002 5.65002 5.90002 5.23581 5.56424 4.90002 5.15002 4.90002 4.73581 4.90002 4.40002 5.23581 4.40002 5.65002 4.40002 6.06424 4.73581 6.40002 5.15002 6.40002zM5.15002 8.20001C5.56424 8.20001 5.90002 7.86423 5.90002 7.45001 5.90002 7.0358 5.56424 6.70001 5.15002 6.70001 4.73581 6.70001 4.40002 7.0358 4.40002 7.45001 4.40002 7.86423 4.73581 8.20001 5.15002 8.20001zM10.85 4.20001C11.2642 4.20001 11.6 3.86423 11.6 3.45001 11.6 3.0358 11.2642 2.70001 10.85 2.70001 10.4358 2.70001 10.1 3.0358 10.1 3.45001 10.1 3.86423 10.4358 4.20001 10.85 4.20001zM10.85 6.40002C11.2642 6.40002 11.6 6.06424 11.6 5.65002 11.6 5.23581 11.2642 4.90002 10.85 4.90002 10.4358 4.90002 10.1 5.23581 10.1 5.65002 10.1 6.06424 10.4358 6.40002 10.85 6.40002zM10.85 8.20001C11.2642 8.20001 11.6 7.86423 11.6 7.45001 11.6 7.0358 11.2642 6.70001 10.85 6.70001 10.4358 6.70001 10.1 7.0358 10.1 7.45001 10.1 7.86423 10.4358 8.20001 10.85 8.20001z" clip-rule="evenodd"/><path fill="#805440" d="M5.91187 8.33519L5.96441 8.20813C6.56826 8.46697 7.25543 8.59657 8.02636 8.59657C8.7969 8.59657 9.46558 8.4671 10.0328 8.20874L10.0881 8.33458C9.50246 8.60133 8.81505 8.73442 8.02636 8.73442C7.23806 8.73442 6.53308 8.60147 5.91187 8.33519Z"/></g><defs><clipPath id="AD_svg__a"><path fill="#fff" d="M0 0H16V12H0z"/></clipPath></defs></svg>'),e=C("AD","medium",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 15"><g clip-path="url(#AD_svg__a)"><path fill="#fff" d="M0 0H20V15H0z"/><path fill="#FFD018" fill-rule="evenodd" d="M5 0H15V15H5V0Z" clip-rule="evenodd"/><path fill="#2E42A5" fill-rule="evenodd" d="M0 0H5V15H0V0Z" clip-rule="evenodd"/><path fill="#E31D1C" fill-rule="evenodd" d="M15 0H20V15H15V0Z" clip-rule="evenodd"/><path fill="#BF9937" fill-rule="evenodd" d="M10.1869 12.1398C10.3251 12.1009 10.4439 11.8607 10.4439 11.8607C10.4439 11.8607 10.5341 11.9312 10.6771 12.003C10.8201 12.0747 10.9688 11.8607 10.9688 11.8607C10.9688 11.8607 11.1719 11.8607 11.261 11.6211C11.3501 11.3814 11.0833 11.2787 11.0833 11.2787C11.0833 11.2787 11.3951 10.951 11.9218 10.951H11.9218C12.4485 10.951 12.8584 10.951 13.202 10.8052C13.5457 10.6593 13.8796 10.4085 14.0045 9.88766C14.1294 9.36682 13.734 9.03879 13.734 9.03879C13.734 9.03879 13.8216 9.06651 14.0045 8.91687C14.1874 8.76724 13.8925 8.28576 13.734 8.28576C13.5755 8.28576 13.5566 8.37485 13.5566 8.37485C13.5566 8.37485 13.4587 8.28986 13.3245 8.00085C13.1903 7.71184 13.4587 7.45813 13.4587 7.45813C13.4587 7.45813 13.6057 7.5424 13.734 7.40337C13.8623 7.26434 13.6674 7.0513 13.6674 7.0513C13.6674 7.0513 14.2849 6.84112 14.1956 6.05109C14.1064 5.26107 13.292 5.306 13.292 5.306C13.292 5.306 13.3167 5.17465 13.202 5.09979C13.0873 5.02493 13.0023 5.17465 13.0023 5.17465C12.9122 4.96627 13.1762 4.68122 13.3875 4.45309C13.453 4.3824 13.5134 4.31718 13.5566 4.2614C13.7394 4.0256 13.6246 3.7343 12.9568 3.41634C12.2891 3.09839 11.9245 3.52571 11.871 3.67713C11.8175 3.82855 12.0246 3.92225 12.0246 3.92225C11.8557 4.07056 11.5288 4.12719 11.306 4.02472C11.0833 3.92225 11.182 3.61064 11.2281 3.52571C11.2331 3.51642 11.2398 3.50515 11.2475 3.49215C11.3105 3.3863 11.4422 3.16499 11.306 2.94978C11.1532 2.70812 10.8885 2.70812 10.6771 2.84535C10.4961 2.9628 10.2389 3.02508 10.1685 3.04059C10.0981 3.02508 9.84089 2.9628 9.65994 2.84535C9.44852 2.70812 9.18386 2.70812 9.03099 2.94978C8.89484 3.16499 9.02651 3.3863 9.08949 3.49215C9.09723 3.50515 9.10393 3.51642 9.10897 3.52571C9.15502 3.61064 9.25377 3.92225 9.03099 4.02472C8.8082 4.12719 8.48137 4.07056 8.31238 3.92225C8.31238 3.92225 8.51957 3.82855 8.46604 3.67713C8.41252 3.52571 8.04796 3.09839 7.38018 3.41634C6.71241 3.7343 6.59766 4.0256 6.78043 4.2614C6.82367 4.31718 6.88407 4.3824 6.94954 4.45309C7.16081 4.68122 7.4248 4.96627 7.33476 5.17465C7.33476 5.17465 7.24975 5.02493 7.13502 5.09979C7.02029 5.17465 7.04499 5.306 7.04499 5.306C7.04499 5.306 6.23067 5.26107 6.14139 6.05109C6.05211 6.84112 6.66964 7.0513 6.66964 7.0513C6.66964 7.0513 6.47472 7.26434 6.60301 7.40337C6.7313 7.5424 6.87837 7.45813 6.87837 7.45813C6.87837 7.45813 7.14676 7.71184 7.01257 8.00085C6.87837 8.28986 6.78043 8.37485 6.78043 8.37485C6.78043 8.37485 6.76152 8.28576 6.60301 8.28576C6.4445 8.28576 6.1496 8.76724 6.33252 8.91687C6.51545 9.06651 6.60301 9.03879 6.60301 9.03879C6.60301 9.03879 6.20759 9.36682 6.33252 9.88766C6.45745 10.4085 6.79136 10.6593 7.13502 10.8052C7.47868 10.951 7.88856 10.951 8.41521 10.951H8.41522C8.94188 10.951 9.25377 11.2787 9.25377 11.2787C9.25377 11.2787 8.98695 11.3814 9.07602 11.6211C9.1651 11.8607 9.3682 11.8607 9.3682 11.8607C9.3682 11.8607 9.51694 12.0747 9.65994 12.003C9.80295 11.9312 9.89316 11.8607 9.89316 11.8607C9.89316 11.8607 10.012 12.1009 10.1501 12.1398V12.145C10.1563 12.145 10.1624 12.1446 10.1685 12.1437C10.1746 12.1446 10.1808 12.145 10.1869 12.145V12.1398Z" clip-rule="evenodd"/><path fill="#805440" d="M7.56883 9.99866L7.63452 9.83984C8.38933 10.1634 9.24829 10.3254 10.212 10.3254C11.1751 10.3254 12.011 10.1636 12.7201 9.8406L12.7892 9.9979C12.0571 10.3313 11.1978 10.4977 10.212 10.4977C9.22657 10.4977 8.34535 10.3315 7.56883 9.99866Z"/></g><defs><clipPath id="AD_svg__a"><path fill="#fff" d="M0 0H20V15H0z"/></clipPath></defs></svg>'),d=C("AD","large",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 24"><g clip-path="url(#AD_svg__a)"><path fill="#fff" d="M0 0H32V24H0z"/><path fill="#FFD018" fill-rule="evenodd" d="M8 0H24V24H8V0Z" clip-rule="evenodd"/><path fill="#2E42A5" fill-rule="evenodd" d="M0 0H8V24H0V0Z" clip-rule="evenodd"/><path fill="#E31D1C" fill-rule="evenodd" d="M24 0H32V24H24V0Z" clip-rule="evenodd"/><path fill="#BF9937" fill-rule="evenodd" d="M16.2991 19.4236C16.5201 19.3615 16.7102 18.9772 16.7102 18.9772C16.7102 18.9772 16.8545 19.09 17.0834 19.2048C17.3122 19.3195 17.5501 18.9772 17.5501 18.9772C17.5501 18.9772 17.8751 18.9772 18.0176 18.5937C18.1602 18.2103 17.7332 18.046 17.7332 18.046C17.7332 18.046 18.2323 17.5217 19.0749 17.5217C19.9176 17.5217 20.5734 17.5217 21.1232 17.2883C21.6731 17.0549 22.2073 16.6536 22.4072 15.8203C22.6071 14.9869 21.9744 14.4621 21.9744 14.4621C21.9744 14.4621 22.1145 14.5064 22.4072 14.267C22.6999 14.0276 22.2281 13.2572 21.9744 13.2572C21.7208 13.2572 21.6906 13.3998 21.6906 13.3998C21.6906 13.3998 21.5339 13.2638 21.3192 12.8014C21.1044 12.339 21.5339 11.933 21.5339 11.933C21.5339 11.933 21.7692 12.0679 21.9744 11.8454C22.1797 11.623 21.8678 11.2821 21.8678 11.2821C21.8678 11.2821 22.8559 10.9458 22.713 9.68177C22.5702 8.41774 21.2673 8.48963 21.2673 8.48963C21.2673 8.48963 21.3068 8.27946 21.1232 8.15968C20.9397 8.03991 20.8036 8.27946 20.8036 8.27946C20.6596 7.94606 21.082 7.48997 21.42 7.12497C21.5247 7.01186 21.6214 6.90751 21.6906 6.81826C21.983 6.44099 21.7994 5.9749 20.731 5.46617C19.6625 4.95744 19.0792 5.64116 18.9936 5.88344C18.908 6.12571 19.2395 6.27563 19.2395 6.27563C18.9691 6.51292 18.4461 6.60353 18.0897 6.43958C17.7332 6.27563 17.8912 5.77705 17.9649 5.64116C17.973 5.62629 17.9837 5.60827 17.9961 5.58746C18.0968 5.4181 18.3075 5.06401 18.0897 4.71967C17.8451 4.33302 17.4216 4.33302 17.0834 4.55258C16.7938 4.74051 16.3823 4.84015 16.2696 4.86497C16.157 4.84015 15.7455 4.74051 15.4559 4.55258C15.1177 4.33302 14.6942 4.33302 14.4496 4.71967C14.2318 5.06401 14.4424 5.4181 14.5432 5.58746C14.5556 5.60827 14.5663 5.62629 14.5744 5.64116C14.6481 5.77705 14.8061 6.27563 14.4496 6.43958C14.0931 6.60353 13.5702 6.51292 13.2998 6.27563C13.2998 6.27563 13.6313 6.12571 13.5457 5.88344C13.4601 5.64116 12.8768 4.95744 11.8083 5.46617C10.7399 5.9749 10.5563 6.44099 10.8487 6.81826C10.9179 6.90751 11.0145 7.01186 11.1193 7.12497C11.4573 7.48997 11.8797 7.94606 11.7356 8.27946C11.7356 8.27946 11.5996 8.03991 11.4161 8.15968C11.2325 8.27946 11.272 8.48963 11.272 8.48963C11.272 8.48963 9.9691 8.41774 9.82625 9.68177C9.68341 10.9458 10.6715 11.2821 10.6715 11.2821C10.6715 11.2821 10.3596 11.623 10.5648 11.8454C10.7701 12.0679 11.0054 11.933 11.0054 11.933C11.0054 11.933 11.4348 12.339 11.2201 12.8014C11.0054 13.2638 10.8487 13.3998 10.8487 13.3998C10.8487 13.3998 10.8185 13.2572 10.5648 13.2572C10.3112 13.2572 9.83938 14.0276 10.1321 14.267C10.4247 14.5064 10.5648 14.4621 10.5648 14.4621C10.5648 14.4621 9.93218 14.9869 10.1321 15.8203C10.332 16.6536 10.8662 17.0549 11.4161 17.2883C11.9659 17.5217 12.6217 17.5217 13.4644 17.5217C14.307 17.5217 14.8061 18.046 14.8061 18.046C14.8061 18.046 14.3791 18.2103 14.5217 18.5937C14.6642 18.9772 14.9891 18.9772 14.9891 18.9772C14.9891 18.9772 15.2271 19.3195 15.4559 19.2048C15.6847 19.09 15.8291 18.9772 15.8291 18.9772C15.8291 18.9772 16.0192 19.3615 16.2402 19.4236V19.4321C16.25 19.4321 16.2599 19.4313 16.2696 19.4299C16.2794 19.4313 16.2892 19.4321 16.2991 19.4321V19.4236Z" clip-rule="evenodd"/><path fill="#805440" d="M12.1102 15.9978L12.2153 15.7437C13.423 16.2614 14.7973 16.5206 16.3392 16.5206C17.8802 16.5206 19.2176 16.2617 20.3521 15.7449L20.4627 15.9966C19.2913 16.5301 17.9165 16.7963 16.3392 16.7963C14.7626 16.7963 13.3526 16.5304 12.1102 15.9978Z"/></g><defs><clipPath id="AD_svg__a"><path fill="#fff" d="M0 0H32V24H0z"/></clipPath></defs></svg>');export{d as FlagADLarge,e as FlagADMedium,l as FlagADSmall,e as default};

package/dist/flags/FlagAE.d.ts

@@ -0,0 +1,154 @@
+export declare const FlagAESmall: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const FlagAEMedium: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const FlagAELarge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasBorderRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasDropShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gradient: {
+        type: () => "top-down" | "real-linear" | "real-circular" | undefined;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    hasBorder: boolean;
+    hasBorderRadius: boolean;
+    hasDropShadow: boolean;
+    gradient: "top-down" | "real-linear" | "real-circular" | undefined;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default FlagAEMedium;

package/dist/flags/FlagAE.js

@@ -0,0 +1 @@
+import{createFlagComponent as l}from"../createFlagComponent";const e=l("AE","small",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12"><g clip-path="url(#AE_svg__a)"><path fill="#fff" d="M0 0H16V12H0z"/><path fill="#F7FCFF" fill-rule="evenodd" d="M0 0H16V12H0V0Z" clip-rule="evenodd"/><path fill="#5EAA22" fill-rule="evenodd" d="M0 0V4H16V0H0Z" clip-rule="evenodd"/><path fill="#272727" fill-rule="evenodd" d="M0 8V12H16V8H0Z" clip-rule="evenodd"/><path fill="#E31D1C" d="M0 0H5V12H0z"/></g><defs><clipPath id="AE_svg__a"><path fill="#fff" d="M0 0H16V12H0z"/></clipPath></defs></svg>'),d=l("AE","medium",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 15"><g clip-path="url(#AE_svg__a)"><path fill="#fff" d="M0 0H20V15H0z"/><path fill="#F7FCFF" fill-rule="evenodd" d="M0 0H20V15H0V0Z" clip-rule="evenodd"/><path fill="#5EAA22" fill-rule="evenodd" d="M0 0V5H20V0H0Z" clip-rule="evenodd"/><path fill="#272727" fill-rule="evenodd" d="M0 10V15H20V10H0Z" clip-rule="evenodd"/><path fill="#E31D1C" d="M0 0H6V15H0z"/></g><defs><clipPath id="AE_svg__a"><path fill="#fff" d="M0 0H20V15H0z"/></clipPath></defs></svg>'),f=l("AE","large",'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 24"><g clip-path="url(#AE_svg__a)"><path fill="#fff" d="M0 0H32V24H0z"/><path fill="#F7FCFF" fill-rule="evenodd" d="M0 0H32V24H0V0Z" clip-rule="evenodd"/><path fill="#5EAA22" fill-rule="evenodd" d="M0 0V8H32V0H0Z" clip-rule="evenodd"/><path fill="#272727" fill-rule="evenodd" d="M0 16V24H32V16H0Z" clip-rule="evenodd"/><path fill="#E31D1C" d="M0 0H10V24H0z"/></g><defs><clipPath id="AE_svg__a"><path fill="#fff" d="M0 0H32V24H0z"/></clipPath></defs></svg>');export{f as FlagAELarge,d as FlagAEMedium,e as FlagAESmall,d as default};