@brightlocal/icons 1.0.0 → 2.0.0

package/dist/flag/zwe.d.ts

@@ -0,0 +1,17 @@
+import { SVGProps } from 'react';
+export interface ZWEProps extends SVGProps<SVGSVGElement> {
+    /**
+     * Icon size (width and height)
+     * @default 16
+     */
+    size?: number | string;
+}
+/**
+ * Zimbabwe — ZWE icon from flag category
+ *
+ * @example
+ * <ZWE size={16} />
+ * <ZWE size={32} className="text-primary" />
+ */
+export declare const ZWE: ({ size, ...props }: ZWEProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=zwe.d.ts.map

package/dist/flag/zwe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zwe.d.ts","sourceRoot":"","sources":["../../src/flag/zwe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACvD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,GAAI,oBAAyB,QAAQ,4CA4BpD,CAAC"}

package/dist/flag/zwe.js

@@ -0,0 +1,31 @@
+import { jsxs as C, jsx as l } from "react/jsx-runtime";
+const t = ({ size: i = 16, ...L }) => /* @__PURE__ */ C(
+  "svg",
+  {
+    fill: "none",
+    height: i,
+    viewBox: "0 0 24 24",
+    width: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...L,
+    children: [
+      /* @__PURE__ */ C("g", { clipPath: "url(#clip0_43_2889)", children: [
+        /* @__PURE__ */ l("path", { 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", fill: "#F0F0F0" }),
+        /* @__PURE__ */ l("path", { d: "M22.8514 6.87203C22.2418 5.58419 21.4097 4.42248 20.4047 3.436L12 2.6087L3.59531 3.43605C3.5685 3.46234 3.54234 3.48925 3.51581 3.51583L6.87206 6.87208L12 7.02869L22.8514 6.87203Z", fill: "#FFDA44" }),
+        /* @__PURE__ */ l("path", { d: "M3.51569 20.4843C3.55984 20.5285 3.6039 20.5727 3.64872 20.6162L12 21.3913L20.3512 20.6162C21.3666 19.6318 22.2088 18.47 22.8271 17.1802L7.30431 16.6957C5.9687 18.0313 4.4282 19.5717 3.51569 20.4843Z", fill: "#FFDA44" }),
+        /* @__PURE__ */ l("path", { d: "M23.8807 10.308L9.91302 9.91302L12 12C11.3819 12.6181 10.4591 13.5409 9.91302 14.087L23.8733 13.7441C23.9563 13.1746 24 12.5924 24 12C24 11.4256 23.9587 10.8609 23.8807 10.308Z", fill: "black" }),
+        /* @__PURE__ */ l("path", { d: "M12 0C8.72684 0 5.76031 1.31109 3.59534 3.43603H20.4047C18.2397 1.31109 15.2732 0 12 0Z", fill: "#6DA544" }),
+        /* @__PURE__ */ l("path", { d: "M10.308 10.308H23.8806C23.7094 9.09496 23.3571 7.94024 22.8514 6.87201H6.87201L10.308 10.308Z", fill: "#D80027" }),
+        /* @__PURE__ */ l("path", { d: "M6.81982 17.1802H22.8271C23.3387 16.1127 23.6966 14.9579 23.8734 13.7441H10.2559C8.92521 15.0748 7.7975 16.2025 6.81982 17.1802Z", fill: "#D80027" }),
+        /* @__PURE__ */ l("path", { d: "M12 24C15.2463 24 18.191 22.7104 20.3512 20.6161H3.6488C5.80899 22.7104 8.75368 24 12 24Z", fill: "#6DA544" }),
+        /* @__PURE__ */ l("path", { d: "M4.2851 2.80939C4.01833 3.03354 3.76094 3.26853 3.51471 3.51467L12 12L3.51471 20.4853C3.7609 20.7315 4.01833 20.9664 4.2851 21.1906L13.4757 12L4.2851 2.80939Z", fill: "black" }),
+        /* @__PURE__ */ l("path", { d: "M4.82461 8.86957L5.60156 11.2609H8.11617L6.08189 12.739L6.85889 15.1305L4.82461 13.6525L2.79028 15.1305L3.56738 12.739L1.53314 11.2609H4.04761L4.82461 8.86957Z", fill: "#D80027" }),
+        /* @__PURE__ */ l("path", { d: "M6.96184 12.1956L4.93694 11.4783C4.93694 11.4783 4.78731 10.0747 4.77827 10.0271C4.70955 9.66509 4.39141 9.3913 4.00937 9.3913C3.57719 9.3913 3.22675 9.74169 3.22675 10.1739C3.22675 10.2456 3.2372 10.3146 3.25525 10.3806L2.6875 10.9522H3.697C3.697 12 2.91512 12 2.91512 13.0435L3.34886 14.087H5.95755L6.39236 13.0435H6.39217C6.43572 12.9433 6.46216 12.8401 6.47308 12.7369C6.84789 12.5853 6.96184 12.1956 6.96184 12.1956Z", fill: "#FFDA44" })
+      ] }),
+      /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "clip0_43_2889", children: /* @__PURE__ */ l("rect", { fill: "white", height: "24", width: "24" }) }) })
+    ]
+  }
+);
+export {
+  t as ZWE
+};

package/dist/icons/dynamic-icon-imports.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lucide-react/dynamicIconImports"),t={},c={...o,...t};exports.iconImports=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lucide-react/dynamicIconImports"),e=require("../flag/dynamic-imports.cjs"),s=require("../social-media/dynamic-imports.cjs"),t={},c={...o,...t,...e.flagIconImports,...s.socialMediaIconImports},n=new Set([...Object.keys(o),...Object.keys(t)]);exports.iconImports=c;exports.strokeIconNames=n;

package/dist/icons/dynamic-icon-imports.d.ts

@@ -1,28 +1,37 @@
 import { default as dynamicIconImports } from 'lucide-react/dynamicIconImports';
+import { flagIconImports } from '../flag/dynamic-imports.js';
+import { socialMediaIconImports } from '../social-media/dynamic-imports.js';
+import { ComponentType, SVGProps } from 'react';
 /**
- * Props that icon components accept (Lucide icons and custom icons)
+ * Base props shared by all icon types (Lucide, custom, flag, social media).
  */
-export interface IconComponentProps extends React.SVGProps<SVGSVGElement> {
+export interface IconComponentProps extends SVGProps<SVGSVGElement> {
     size?: string | number;
     absoluteStrokeWidth?: boolean;
     strokeWidth?: string | number;
 }
 /**
- * Custom icon dynamic imports
+ * Custom icon dynamic imports (stroke-based, like Lucide)
  */
 declare const customIconImports: {};
 /**
- * Extended dynamic icon imports that includes both Lucide icons and custom BrightLocal icons.
- * This allows you to use icon names from a database/CMS with dynamic imports for optimal bundle splitting.
+ * Unified dynamic icon imports: Lucide + custom + flag + social media.
+ * Used by DynamicIcon to resolve any icon name at runtime.
  *
  * @example
- * import { DynamicIcon, iconImports } from "@brightlocal/icons";
+ * import { DynamicIcon } from "@brightlocal/icons/dynamic";
  * <DynamicIcon name="camera" size={24} />
- * <DynamicIcon name="bright-local-logo" size={24} />
+ * <DynamicIcon name="USA" size={24} />
+ * <DynamicIcon name="FacebookOriginal" size={32} />
  */
 export declare const iconImports: Record<string, () => Promise<{
-    default: React.ComponentType<IconComponentProps>;
+    default: ComponentType<IconComponentProps>;
 }>>;
-export type IconImportName = keyof typeof dynamicIconImports | keyof typeof customIconImports;
+/**
+ * Icons that accept stroke props (absoluteStrokeWidth, strokeWidth).
+ * Flag and social media icons are fill-based and don't support these.
+ */
+export declare const strokeIconNames: Set<string>;
+export type IconImportName = keyof typeof dynamicIconImports | keyof typeof customIconImports | keyof typeof flagIconImports | keyof typeof socialMediaIconImports;
 export {};
 //# sourceMappingURL=dynamic-icon-imports.d.ts.map

package/dist/icons/dynamic-icon-imports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-icon-imports.d.ts","sourceRoot":"","sources":["../../src/icons/dynamic-icon-imports.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,IAAc,CAAC;AAEtC;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,MAAM,EACN,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;CAAE,CAAC,CAIpE,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,MAAM,OAAO,kBAAkB,GAC/B,MAAM,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"dynamic-icon-imports.d.ts","sourceRoot":"","sources":["../../src/icons/dynamic-icon-imports.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,IAAc,CAAC;AAEtC;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,MAAM,EACN,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAA;CAAE,CAAC,CAM9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,GAAG,CAAC,MAAM,CAGtC,CAAC;AAEH,MAAM,MAAM,cAAc,GACtB,MAAM,OAAO,kBAAkB,GAC/B,MAAM,OAAO,iBAAiB,GAC9B,MAAM,OAAO,eAAe,GAC5B,MAAM,OAAO,sBAAsB,CAAC"}

package/dist/icons/dynamic-icon-imports.js

@@ -1,8 +1,16 @@
 import o from "lucide-react/dynamicIconImports";
-const t = {}, m = {
+import { flagIconImports as c } from "../flag/dynamic-imports.js";
+import { socialMediaIconImports as m } from "../social-media/dynamic-imports.js";
+const t = {}, e = {
   ...o,
-  ...t
-};
+  ...t,
+  ...c,
+  ...m
+}, I = /* @__PURE__ */ new Set([
+  ...Object.keys(o),
+  ...Object.keys(t)
+]);
 export {
-  m as iconImports
+  e as iconImports,
+  I as strokeIconNames
 };

package/dist/icons/dynamic-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),m=require("./dynamic-icon-imports.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=d(f),s={};for(const[e,n]of Object.entries(m.iconImports))n&&(s[e]=c.lazy(n));const i=c.forwardRef(({name:e,size:n=16,strokeWidth:t=1.33,absoluteStrokeWidth:o=!0,...l},u)=>{const r=s[e];return r?a.jsx(c.Suspense,{fallback:null,children:a.jsx(r,{ref:u,absoluteStrokeWidth:o,size:n,strokeWidth:t,...l})}):(console.warn(`Icon "${e}" not found in iconImports`),null)});i.displayName="DynamicIcon";exports.DynamicIcon=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),u=require("./dynamic-icon-imports.cjs");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=p(y),l={};for(const[e,n]of Object.entries(u.iconImports))n&&(l[e]=c.lazy(n));const f=c.forwardRef(({name:e,size:n=16,strokeWidth:t=1.33,absoluteStrokeWidth:o=!0,fallback:d=null,...r},s)=>{const i=l[e];if(!i)return console.warn(`Icon "${e}" not found in icon registry`),null;const m=u.strokeIconNames.has(e)?{ref:s,size:n,strokeWidth:t,absoluteStrokeWidth:o,...r}:{ref:s,size:n,...r};return a.jsx(c.Suspense,{fallback:d,children:a.jsx(i,{...m})})});f.displayName="DynamicIcon";exports.DynamicIcon=f;

package/dist/icons/dynamic-icon.d.ts

@@ -2,12 +2,13 @@ import { IconImportName } from './dynamic-icon-imports.js';
 import * as React from "react";
 export interface DynamicIconProps extends React.ComponentProps<"svg"> {
     /**
-     * The name of the icon to render (kebab-case)
-     * Can be any Lucide icon name or custom icon name
-     *
-     * @example "camera" | "chevron-down" | "bright-local-logo"
+     * The name of the icon to render.
+     * - Lucide icons: kebab-case (e.g., "camera", "chevron-down")
+     * - Flag icons: ISO 3166-1 alpha-3 or PascalCase (e.g., "USA", "BasqueCountry")
+     * - Social media icons: PascalCase (e.g., "FacebookOriginal", "TiktokNeutral")
+     * - Custom icons: kebab-case (e.g., "bright-local-logo")
      */
-    name: IconImportName | string;
+    name: IconImportName | (string & {});
     /**
      * Icon size in pixels (applies to both width and height)
      * @default 16
@@ -18,43 +19,47 @@ export interface DynamicIconProps extends React.ComponentProps<"svg"> {
      */
     color?: string;
     /**
-     * Stroke width for line icons
+     * Stroke width for line icons (Lucide/custom only, ignored for flag/social media)
      * @default 1.33
      */
     strokeWidth?: number;
     /**
      * When true, keeps stroke width consistent regardless of icon size.
-     * Uses formula: strokeWidth * 24 / size
+     * Only applies to Lucide and custom icons. Ignored for flag/social media icons.
      * @default true
      */
     absoluteStrokeWidth?: boolean;
+    /**
+     * Fallback content displayed while the icon is loading.
+     * @default null
+     */
+    fallback?: React.ReactNode;
 }
 /**
- * DynamicIcon component for rendering icons by name at runtime.
- *
- * This component is useful when icon names come from a database or API.
- * It uses dynamic imports for optimal bundle splitting - icons are only loaded when used.
+ * DynamicIcon component for rendering any icon by name at runtime.
  *
- * Supports all Lucide icons plus custom BrightLocal icons.
+ * Supports Lucide icons, custom BrightLocal icons, flag icons (ISO 3166-1 alpha-3),
+ * and social media icons — all resolved from a single unified registry.
  *
  * @example
  * // Lucide icon
  * <DynamicIcon name="camera" size={24} color="red" />
  *
  * @example
- * // Custom BrightLocal icon
- * <DynamicIcon name="bright-local-logo" size={32} />
+ * // Flag icon
+ * <DynamicIcon name="USA" size={24} />
+ *
+ * @example
+ * // Social media icon
+ * <DynamicIcon name="FacebookOriginal" size={32} />
  *
  * @example
- * // From database
- * const iconName = user.settings.preferredIcon; // "heart"
- * <DynamicIcon name={iconName} size={20} />
+ * // With custom loading fallback
+ * <DynamicIcon name="camera" size={24} fallback={<Skeleton />} />
  *
  * @example
- * // With fallback using React.Suspense
- * <React.Suspense fallback={<div className="w-6 h-6 animate-pulse bg-gray-200 rounded" />}>
- *   <DynamicIcon name={dbIconName} size={24} />
- * </React.Suspense>
+ * // Database-driven
+ * <DynamicIcon name={country.iso} size={16} />
  */
 export declare const DynamicIcon: React.ForwardRefExoticComponent<Omit<DynamicIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=dynamic-icon.d.ts.map

package/dist/icons/dynamic-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../../src/icons/dynamic-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE;;;;;OAKG;IACH,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,qGA8BvB,CAAC"}
+{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../../src/icons/dynamic-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE;;;;;;OAMG;IACH,IAAI,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW,qGAgCvB,CAAC"}

package/dist/icons/dynamic-icon.js

@@ -1,33 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as r from "react";
-import { iconImports as f } from "./dynamic-icon-imports.js";
-const e = {};
-for (const [o, n] of Object.entries(f))
-  n && (e[o] = r.lazy(
+import { strokeIconNames as u, iconImports as I } from "./dynamic-icon-imports.js";
+const i = {};
+for (const [o, n] of Object.entries(I))
+  n && (i[o] = r.lazy(
     n
   ));
-const m = r.forwardRef(
+const p = r.forwardRef(
   ({
     name: o,
     size: n = 16,
-    strokeWidth: s = 1.33,
-    absoluteStrokeWidth: a = !0,
-    ...i
-  }, l) => {
-    const c = e[o];
-    return c ? /* @__PURE__ */ t(r.Suspense, { fallback: null, children: /* @__PURE__ */ t(
-      c,
-      {
-        ref: l,
-        absoluteStrokeWidth: a,
-        size: n,
-        strokeWidth: s,
-        ...i
-      }
-    ) }) : (console.warn(`Icon "${o}" not found in iconImports`), null);
+    strokeWidth: a = 1.33,
+    absoluteStrokeWidth: l = !0,
+    fallback: m = null,
+    ...c
+  }, t) => {
+    const s = i[o];
+    if (!s)
+      return console.warn(`Icon "${o}" not found in icon registry`), null;
+    const f = u.has(o) ? { ref: t, size: n, strokeWidth: a, absoluteStrokeWidth: l, ...c } : { ref: t, size: n, ...c };
+    return /* @__PURE__ */ e(r.Suspense, { fallback: m, children: /* @__PURE__ */ e(s, { ...f }) });
   }
 );
-m.displayName = "DynamicIcon";
+p.displayName = "DynamicIcon";
 export {
-  m as DynamicIcon
+  p as DynamicIcon
 };