@brightlocal/icons 2.1.1 → 2.2.0

package/dist/dynamic.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./icons/dynamic-icon.cjs"),o=require("./icons/dynamic-icon-imports.cjs"),e=require("./flag/dynamic-imports.cjs"),n=require("./social-media/dynamic-imports.cjs");exports.DynamicIcon=c.DynamicIcon;exports.iconImports=o.iconImports;exports.strokeIconNames=o.strokeIconNames;exports.flagIconNames=e.flagIconNames;exports.socialMediaIconNames=n.socialMediaIconNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./icons/dynamic-icon.cjs"),o=require("./icons/dynamic-icon-imports.cjs"),n=require("./flag/dynamic-imports.cjs"),e=require("./social-media/dynamic-imports.cjs"),a=require("./flag/flag-icon.cjs");exports.DynamicIcon=c.DynamicIcon;exports.iconImports=o.iconImports;exports.strokeIconNames=o.strokeIconNames;exports.flagIconNames=n.flagIconNames;exports.socialMediaIconNames=e.socialMediaIconNames;exports.DynamicFlagIcon=a.DynamicFlagIcon;

package/dist/dynamic.d.ts

@@ -20,4 +20,6 @@ export { flagIconNames } from './flag/dynamic-imports.js';
 export type { FlagIconName } from './flag/dynamic-imports.js';
 export { socialMediaIconNames } from './social-media/dynamic-imports.js';
 export type { SocialMediaIconName } from './social-media/dynamic-imports.js';
+export { DynamicFlagIcon } from './flag/flag-icon.js';
+export type { DynamicFlagIconProps } from './flag/flag-icon.js';
 //# sourceMappingURL=dynamic.d.ts.map

package/dist/dynamic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic.d.ts","sourceRoot":"","sources":["../src/dynamic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC/E,YAAY,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"dynamic.d.ts","sourceRoot":"","sources":["../src/dynamic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC/E,YAAY,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/dynamic.js

@@ -1,11 +1,13 @@
-import { DynamicIcon as e } from "./icons/dynamic-icon.js";
+import { DynamicIcon as m } from "./icons/dynamic-icon.js";
 import { iconImports as a, strokeIconNames as c } from "./icons/dynamic-icon-imports.js";
-import { flagIconNames as s } from "./flag/dynamic-imports.js";
-import { socialMediaIconNames as f } from "./social-media/dynamic-imports.js";
+import { flagIconNames as t } from "./flag/dynamic-imports.js";
+import { socialMediaIconNames as p } from "./social-media/dynamic-imports.js";
+import { DynamicFlagIcon as I } from "./flag/flag-icon.js";
 export {
-  e as DynamicIcon,
-  s as flagIconNames,
+  I as DynamicFlagIcon,
+  m as DynamicIcon,
+  t as flagIconNames,
   a as iconImports,
-  f as socialMediaIconNames,
+  p as socialMediaIconNames,
   c as strokeIconNames
 };

package/dist/flag/flag-icon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),d=require("../icons/dynamic-icon.cjs"),u=require("./dynamic-imports.cjs"),f=require("../icons/lucide-exports.cjs");function m(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const g=m(s),y=new Set(u.flagIconNames),a=g.forwardRef(({country:t,size:e=20,className:n,style:o,...c},i)=>{const l=y.has(t);return r.jsx("span",{ref:i,"aria-hidden":"true",className:n,"data-slot":"flag-icon",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:e,height:e,...o},...c,children:l?r.jsx(d.DynamicIcon,{name:t,size:e}):r.jsx("span",{"data-slot":"flag-icon-fallback",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:e,height:e,borderRadius:"9999px",backgroundColor:"var(--color-muted, #f3f4f6)",color:"var(--color-muted-foreground, #6b7280)"},children:r.jsx(f.Globe,{size:Math.round(e*.65)})})})});a.displayName="DynamicFlagIcon";exports.DynamicFlagIcon=a;

package/dist/flag/flag-icon.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface DynamicFlagIconProps extends React.ComponentProps<"span"> {
+    /** ISO 3166-1 alpha-3 country code (e.g. "USA", "GBR") */
+    country: string;
+    /**
+     * Icon size in pixels (width and height)
+     * @default 20
+     */
+    size?: number;
+}
+declare const DynamicFlagIcon: React.ForwardRefExoticComponent<Omit<DynamicFlagIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { DynamicFlagIcon };
+//# sourceMappingURL=flag-icon.d.ts.map

package/dist/flag/flag-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-icon.d.ts","sourceRoot":"","sources":["../../src/flag/flag-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACpC,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAID,QAAA,MAAM,eAAe,2GA8CpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/flag/flag-icon.js

@@ -0,0 +1,56 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as c from "react";
+import { DynamicIcon as f } from "../icons/dynamic-icon.js";
+import { flagIconNames as m } from "./dynamic-imports.js";
+import { Globe as d } from "../icons/lucide-exports.js";
+const s = new Set(m), g = c.forwardRef(
+  ({ country: t, size: n = 20, className: a, style: e, ...r }, l) => {
+    const i = s.has(t);
+    return /* @__PURE__ */ o(
+      "span",
+      {
+        ref: l,
+        "aria-hidden": "true",
+        className: a,
+        "data-slot": "flag-icon",
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          width: n,
+          height: n,
+          ...e
+        },
+        ...r,
+        children: i ? /* @__PURE__ */ o(
+          f,
+          {
+            name: t,
+            size: n
+          }
+        ) : /* @__PURE__ */ o(
+          "span",
+          {
+            "data-slot": "flag-icon-fallback",
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: n,
+              height: n,
+              borderRadius: "9999px",
+              backgroundColor: "var(--color-muted, #f3f4f6)",
+              color: "var(--color-muted-foreground, #6b7280)"
+            },
+            children: /* @__PURE__ */ o(d, { size: Math.round(n * 0.65) })
+          }
+        )
+      }
+    );
+  }
+);
+g.displayName = "DynamicFlagIcon";
+export {
+  g as DynamicFlagIcon
+};

package/dist/icons/dynamic-icon.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),u=require("./dynamic-icon-imports.cjs");function b(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 r=b(p),d={};for(const[e,n]of Object.entries(u.iconImports))n&&(d[e]=r.lazy(n));const f=r.forwardRef(({name:e,size:n=16,strokeWidth:t=1.33,absoluteStrokeWidth:o=!0,fallback:i,...s},a)=>{const l=d[e];if(!l)return console.warn(`Icon "${e}" not found in icon registry`),null;const y=u.strokeIconNames.has(e)?{ref:a,size:n,strokeWidth:t,absoluteStrokeWidth:o,...s}:{ref:a,size:n,...s},m=i!==void 0?i:c.jsx("span",{"aria-hidden":"true",style:{display:"inline-block",width:n,height:n,flexShrink:0}});return c.jsx(r.Suspense,{fallback:m,children:c.jsx(l,{...y})})});f.displayName="DynamicIcon";exports.DynamicIcon=f;

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

@@ -31,7 +31,7 @@ export interface DynamicIconProps extends React.ComponentProps<"svg"> {
     absoluteStrokeWidth?: boolean;
     /**
      * Fallback content displayed while the icon is loading.
-     * @default null
+     * Defaults to an invisible placeholder that matches the icon's dimensions to prevent layout shift.
      */
     fallback?: React.ReactNode;
 }
@@ -58,6 +58,10 @@ export interface DynamicIconProps extends React.ComponentProps<"svg"> {
  * <DynamicIcon name="camera" size={24} fallback={<Skeleton />} />
  *
  * @example
+ * // Opt out of default placeholder
+ * <DynamicIcon name="camera" size={24} fallback={null} />
+ *
+ * @example
  * // Database-driven
  * <DynamicIcon name={country.iso} size={16} />
  */

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,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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,WAAW,qGA+CvB,CAAC"}

package/dist/icons/dynamic-icon.js

@@ -1,28 +1,39 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as r from "react";
-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
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { strokeIconNames as p, iconImports as h } from "./dynamic-icon-imports.js";
+const a = {};
+for (const [n, o] of Object.entries(h))
+  o && (a[n] = t.lazy(
+    o
   ));
-const p = r.forwardRef(
+const y = t.forwardRef(
   ({
-    name: o,
-    size: n = 16,
-    strokeWidth: a = 1.33,
-    absoluteStrokeWidth: l = !0,
-    fallback: m = null,
-    ...c
-  }, t) => {
-    const s = i[o];
+    name: n,
+    size: o = 16,
+    strokeWidth: l = 1.33,
+    absoluteStrokeWidth: d = !0,
+    fallback: c,
+    ...e
+  }, i) => {
+    const s = a[n];
     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 }) });
+      return console.warn(`Icon "${n}" not found in icon registry`), null;
+    const f = p.has(n) ? { ref: i, size: o, strokeWidth: l, absoluteStrokeWidth: d, ...e } : { ref: i, size: o, ...e }, m = c !== void 0 ? c : /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": "true",
+        style: {
+          display: "inline-block",
+          width: o,
+          height: o,
+          flexShrink: 0
+        }
+      }
+    );
+    return /* @__PURE__ */ r(t.Suspense, { fallback: m, children: /* @__PURE__ */ r(s, { ...f }) });
   }
 );
-p.displayName = "DynamicIcon";
+y.displayName = "DynamicIcon";
 export {
-  p as DynamicIcon
+  y as DynamicIcon
 };