badgecraft 0.3.0

package/dist/index.js

@@ -0,0 +1,17 @@
+export { Badgecraft, createBadge, defaults, environments, framePaths, materials, resolveMaterial } from './chunk-RRYBMB25.js';
+
+// src/index.ts
+function isSupported() {
+  if (typeof document === "undefined") return false;
+  try {
+    const gl = document.createElement("canvas").getContext("webgl2");
+    gl?.getExtension("WEBGL_lose_context")?.loseContext();
+    return !!gl;
+  } catch {
+    return false;
+  }
+}
+
+export { isSupported };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAQO,SAAS,WAAA,GAAuB;AACrC,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,KAAA;AAC5C,EAAA,IAAI;AACF,IAAA,MAAM,KAAK,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA,CAAE,WAAW,QAAQ,CAAA;AAC/D,IAAA,EAAA,EAAI,YAAA,CAAa,oBAAoB,CAAA,EAAG,WAAA,EAAY;AACpD,IAAA,OAAO,CAAC,CAAC,EAAA;AAAA,EACX,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF","file":"index.js","sourcesContent":["export { Badgecraft, createBadge } from './badge'\nexport { materials, resolveMaterial } from './materials'\nexport { environments } from './environment'\nexport { framePaths } from './svg/frames'\nexport { defaults } from './options'\nexport type * from './types'\n\n/** True when the browser can render badges (WebGL2). */\nexport function isSupported(): boolean {\n  if (typeof document === 'undefined') return false\n  try {\n    const gl = document.createElement('canvas').getContext('webgl2')\n    gl?.getExtension('WEBGL_lose_context')?.loseContext()\n    return !!gl\n  } catch {\n    return false\n  }\n}\n"]}

package/dist/react.cjs

@@ -0,0 +1,60 @@
+"use client";'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkEBDSIGZR_cjs = require('./chunk-EBDSIGZR.cjs');
+var chunkBRT5S5PF_cjs = require('./chunk-BRT5S5PF.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Badgecraft2 = react.forwardRef(function Badgecraft3(props, ref) {
+  const { size, alt, style, className, ...rest } = props;
+  const options = chunkEBDSIGZR_cjs.pickOptions(rest);
+  const dom = {};
+  for (const [key, value] of Object.entries(rest)) if (!chunkEBDSIGZR_cjs.optionKeySet.has(key)) dom[key] = value;
+  const hostRef = react.useRef(null);
+  const badgeRef = react.useRef(null);
+  const initialOptions = react.useRef(options);
+  react.useEffect(() => {
+    const badge = new chunkBRT5S5PF_cjs.Badgecraft(hostRef.current, initialOptions.current);
+    badgeRef.current = badge;
+    return () => {
+      badge.destroy();
+      badgeRef.current = null;
+    };
+  }, []);
+  react.useEffect(() => {
+    badgeRef.current?.setOptions(options);
+  });
+  react.useImperativeHandle(
+    ref,
+    () => ({
+      spin: (turns) => badgeRef.current?.spin(turns),
+      glint: () => badgeRef.current?.glint(),
+      toDataURL: (type, quality) => badgeRef.current?.toDataURL(type, quality) ?? "",
+      toBlob: (type, quality) => badgeRef.current?.toBlob(type, quality) ?? Promise.resolve(null),
+      get instance() {
+        return badgeRef.current;
+      }
+    }),
+    []
+  );
+  const dim = chunkEBDSIGZR_cjs.cssSize(size);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dom,
+      ref: hostRef,
+      role: props.role ?? "img",
+      "aria-label": alt ?? props["aria-label"],
+      className,
+      style: { display: "inline-block", position: "relative", width: dim, height: dim, ...style }
+    }
+  );
+});
+var react_default = Badgecraft2;
+
+exports.Badgecraft = Badgecraft2;
+exports.default = react_default;
+//# sourceMappingURL=react.cjs.map
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/index.tsx"],"names":["Badgecraft","forwardRef","pickOptions","optionKeySet","useRef","useEffect","useImperativeHandle","cssSize","jsx"],"mappings":";;;;;;;;;AA+BO,IAAMA,WAAAA,GAAaC,gBAAA,CAA2C,SAASD,WAAAA,CAAW,OAAO,GAAA,EAAK;AACnG,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,OAAO,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACjD,EAAA,MAAM,OAAA,GAAUE,8BAAY,IAA+B,CAAA;AAC3D,EAAA,MAAM,MAA+B,EAAC;AACtC,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,MAAA,CAAO,QAAQ,IAAI,CAAA,EAAG,IAAI,CAACC,+BAAa,GAAA,CAAI,GAAG,CAAA,EAAG,GAAA,CAAI,GAAG,CAAA,GAAI,KAAA;AAExF,EAAA,MAAM,OAAA,GAAUC,aAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAWA,aAAqB,IAAI,CAAA;AAC1C,EAAA,MAAM,cAAA,GAAiBA,aAAO,OAAO,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,IAAIL,4BAAA,CAAM,OAAA,CAAQ,OAAA,EAAU,eAAe,OAAO,CAAA;AAChE,IAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AACnB,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,OAAA,EAAQ;AACd,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAAK,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAA,EAAS,WAAW,OAAO,CAAA;AAAA,EACtC,CAAC,CAAA;AAED,EAAAC,yBAAA;AAAA,IACE,GAAA;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,KAAA,KAAmB,QAAA,CAAS,OAAA,EAAS,KAAK,KAAK,CAAA;AAAA,MACtD,KAAA,EAAO,MAAM,QAAA,CAAS,OAAA,EAAS,KAAA,EAAM;AAAA,MACrC,SAAA,EAAW,CAAC,IAAA,EAAe,OAAA,KAAqB,SAAS,OAAA,EAAS,SAAA,CAAU,IAAA,EAAM,OAAO,CAAA,IAAK,EAAA;AAAA,MAC9F,MAAA,EAAQ,CAAC,IAAA,EAAe,OAAA,KAAqB,QAAA,CAAS,OAAA,EAAS,MAAA,CAAO,IAAA,EAAM,OAAO,CAAA,IAAK,OAAA,CAAQ,OAAA,CAAQ,IAAI,CAAA;AAAA,MAC5G,IAAI,QAAA,GAAW;AACb,QAAA,OAAO,QAAA,CAAS,OAAA;AAAA,MAClB;AAAA,KACF,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,GAAA,GAAMC,0BAAQ,IAAI,CAAA;AACxB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,GAAA;AAAA,MACJ,GAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAM,MAAM,IAAA,IAAQ,KAAA;AAAA,MACpB,YAAA,EAAY,GAAA,IAAO,KAAA,CAAM,YAAY,CAAA;AAAA,MACrC,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,OAAA,EAAS,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAK,GAAG,KAAA;AAAM;AAAA,GAC5F;AAEJ,CAAC;AAED,IAAO,aAAA,GAAQR","file":"react.cjs","sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { Badgecraft as Badge } from '../badge'\nimport { cssSize, optionKeySet, pickOptions } from '../option-keys'\nimport type { BadgeOptions, BadgecraftHandle } from '../types'\n\nexport type * from '../types'\n\nexport interface BadgecraftProps\n  extends BadgeOptions,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onError' | 'color' | 'children'> {\n  /** Width and height of the badge (number = px). Default 160. */\n  size?: number | string\n  /** Accessible label; the badge is exposed as an image. */\n  alt?: string\n  className?: string\n  style?: CSSProperties\n}\n\nexport interface BadgecraftRef extends BadgecraftHandle {\n  glint(): void\n  /** The underlying framework-agnostic instance. */\n  readonly instance: Badge | null\n}\n\n/**\n * React binding for badgecraft.\n *\n * ```tsx\n * <Badgecraft svg=\"/award.svg\" metal=\"gold\" size={200} />\n * ```\n */\nexport const Badgecraft = forwardRef<BadgecraftRef, BadgecraftProps>(function Badgecraft(props, ref) {\n  const { size, alt, style, className, ...rest } = props\n  const options = pickOptions(rest as Record<string, unknown>)\n  const dom: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(rest)) if (!optionKeySet.has(key)) dom[key] = value\n\n  const hostRef = useRef<HTMLDivElement>(null)\n  const badgeRef = useRef<Badge | null>(null)\n  const initialOptions = useRef(options)\n\n  useEffect(() => {\n    const badge = new Badge(hostRef.current!, initialOptions.current)\n    badgeRef.current = badge\n    return () => {\n      badge.destroy()\n      badgeRef.current = null\n    }\n  }, [])\n\n  // Runs after every render; the core diffs options, so unchanged props cost nothing.\n  useEffect(() => {\n    badgeRef.current?.setOptions(options)\n  })\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      spin: (turns?: number) => badgeRef.current?.spin(turns),\n      glint: () => badgeRef.current?.glint(),\n      toDataURL: (type?: string, quality?: number) => badgeRef.current?.toDataURL(type, quality) ?? '',\n      toBlob: (type?: string, quality?: number) => badgeRef.current?.toBlob(type, quality) ?? Promise.resolve(null),\n      get instance() {\n        return badgeRef.current\n      },\n    }),\n    [],\n  )\n\n  const dim = cssSize(size)\n  return (\n    <div\n      {...dom}\n      ref={hostRef}\n      role={props.role ?? 'img'}\n      aria-label={alt ?? props['aria-label']}\n      className={className}\n      style={{ display: 'inline-block', position: 'relative', width: dim, height: dim, ...style }}\n    />\n  )\n})\n\nexport default Badgecraft\n"]}

package/dist/react.d.cts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+import { B as Badgecraft$1 } from './badge-CCjUxNIG.cjs';
+import { B as BadgeOptions, b as BadgecraftHandle } from './types-CHM3-ZZV.cjs';
+export { a as BadgeMode, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, e as EnvironmentPreset, F as FrameOptions, f as FrameShape, I as IdleAnimation, g as ImageEnvironment, h as Interaction, M as Material, i as MaterialInput, j as MaterialPreset, k as MaterialSlot, P as ProceduralEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole, T as ToneMapping } from './types-CHM3-ZZV.cjs';
+
+interface BadgecraftProps extends BadgeOptions, Omit<HTMLAttributes<HTMLDivElement>, 'onError' | 'color' | 'children'> {
+    /** Width and height of the badge (number = px). Default 160. */
+    size?: number | string;
+    /** Accessible label; the badge is exposed as an image. */
+    alt?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+interface BadgecraftRef extends BadgecraftHandle {
+    glint(): void;
+    /** The underlying framework-agnostic instance. */
+    readonly instance: Badgecraft$1 | null;
+}
+/**
+ * React binding for badgecraft.
+ *
+ * ```tsx
+ * <Badgecraft svg="/award.svg" metal="gold" size={200} />
+ * ```
+ */
+declare const Badgecraft: react.ForwardRefExoticComponent<BadgecraftProps & react.RefAttributes<BadgecraftRef>>;
+
+export { BadgeOptions, Badgecraft, BadgecraftHandle, type BadgecraftProps, type BadgecraftRef, Badgecraft as default };

package/dist/react.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+import { B as Badgecraft$1 } from './badge-B-g_9WFj.js';
+import { B as BadgeOptions, b as BadgecraftHandle } from './types-CHM3-ZZV.js';
+export { a as BadgeMode, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, e as EnvironmentPreset, F as FrameOptions, f as FrameShape, I as IdleAnimation, g as ImageEnvironment, h as Interaction, M as Material, i as MaterialInput, j as MaterialPreset, k as MaterialSlot, P as ProceduralEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole, T as ToneMapping } from './types-CHM3-ZZV.js';
+
+interface BadgecraftProps extends BadgeOptions, Omit<HTMLAttributes<HTMLDivElement>, 'onError' | 'color' | 'children'> {
+    /** Width and height of the badge (number = px). Default 160. */
+    size?: number | string;
+    /** Accessible label; the badge is exposed as an image. */
+    alt?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+interface BadgecraftRef extends BadgecraftHandle {
+    glint(): void;
+    /** The underlying framework-agnostic instance. */
+    readonly instance: Badgecraft$1 | null;
+}
+/**
+ * React binding for badgecraft.
+ *
+ * ```tsx
+ * <Badgecraft svg="/award.svg" metal="gold" size={200} />
+ * ```
+ */
+declare const Badgecraft: react.ForwardRefExoticComponent<BadgecraftProps & react.RefAttributes<BadgecraftRef>>;
+
+export { BadgeOptions, Badgecraft, BadgecraftHandle, type BadgecraftProps, type BadgecraftRef, Badgecraft as default };

package/dist/react.js

@@ -0,0 +1,55 @@
+"use client";import { pickOptions, optionKeySet, cssSize } from './chunk-3OMN635U.js';
+import { Badgecraft } from './chunk-RRYBMB25.js';
+import { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Badgecraft2 = forwardRef(function Badgecraft3(props, ref) {
+  const { size, alt, style, className, ...rest } = props;
+  const options = pickOptions(rest);
+  const dom = {};
+  for (const [key, value] of Object.entries(rest)) if (!optionKeySet.has(key)) dom[key] = value;
+  const hostRef = useRef(null);
+  const badgeRef = useRef(null);
+  const initialOptions = useRef(options);
+  useEffect(() => {
+    const badge = new Badgecraft(hostRef.current, initialOptions.current);
+    badgeRef.current = badge;
+    return () => {
+      badge.destroy();
+      badgeRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    badgeRef.current?.setOptions(options);
+  });
+  useImperativeHandle(
+    ref,
+    () => ({
+      spin: (turns) => badgeRef.current?.spin(turns),
+      glint: () => badgeRef.current?.glint(),
+      toDataURL: (type, quality) => badgeRef.current?.toDataURL(type, quality) ?? "",
+      toBlob: (type, quality) => badgeRef.current?.toBlob(type, quality) ?? Promise.resolve(null),
+      get instance() {
+        return badgeRef.current;
+      }
+    }),
+    []
+  );
+  const dim = cssSize(size);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...dom,
+      ref: hostRef,
+      role: props.role ?? "img",
+      "aria-label": alt ?? props["aria-label"],
+      className,
+      style: { display: "inline-block", position: "relative", width: dim, height: dim, ...style }
+    }
+  );
+});
+var react_default = Badgecraft2;
+
+export { Badgecraft2 as Badgecraft, react_default as default };
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/index.tsx"],"names":["Badgecraft"],"mappings":";;;;;AA+BO,IAAMA,WAAAA,GAAa,UAAA,CAA2C,SAASA,WAAAA,CAAW,OAAO,GAAA,EAAK;AACnG,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,OAAO,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACjD,EAAA,MAAM,OAAA,GAAU,YAAY,IAA+B,CAAA;AAC3D,EAAA,MAAM,MAA+B,EAAC;AACtC,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,MAAA,CAAO,QAAQ,IAAI,CAAA,EAAG,IAAI,CAAC,aAAa,GAAA,CAAI,GAAG,CAAA,EAAG,GAAA,CAAI,GAAG,CAAA,GAAI,KAAA;AAExF,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAW,OAAqB,IAAI,CAAA;AAC1C,EAAA,MAAM,cAAA,GAAiB,OAAO,OAAO,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,IAAI,UAAA,CAAM,OAAA,CAAQ,OAAA,EAAU,eAAe,OAAO,CAAA;AAChE,IAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AACnB,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,OAAA,EAAQ;AACd,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAA,EAAS,WAAW,OAAO,CAAA;AAAA,EACtC,CAAC,CAAA;AAED,EAAA,mBAAA;AAAA,IACE,GAAA;AAAA,IACA,OAAO;AAAA,MACL,MAAM,CAAC,KAAA,KAAmB,QAAA,CAAS,OAAA,EAAS,KAAK,KAAK,CAAA;AAAA,MACtD,KAAA,EAAO,MAAM,QAAA,CAAS,OAAA,EAAS,KAAA,EAAM;AAAA,MACrC,SAAA,EAAW,CAAC,IAAA,EAAe,OAAA,KAAqB,SAAS,OAAA,EAAS,SAAA,CAAU,IAAA,EAAM,OAAO,CAAA,IAAK,EAAA;AAAA,MAC9F,MAAA,EAAQ,CAAC,IAAA,EAAe,OAAA,KAAqB,QAAA,CAAS,OAAA,EAAS,MAAA,CAAO,IAAA,EAAM,OAAO,CAAA,IAAK,OAAA,CAAQ,OAAA,CAAQ,IAAI,CAAA;AAAA,MAC5G,IAAI,QAAA,GAAW;AACb,QAAA,OAAO,QAAA,CAAS,OAAA;AAAA,MAClB;AAAA,KACF,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,GAAA,GAAM,QAAQ,IAAI,CAAA;AACxB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,GAAA;AAAA,MACJ,GAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAM,MAAM,IAAA,IAAQ,KAAA;AAAA,MACpB,YAAA,EAAY,GAAA,IAAO,KAAA,CAAM,YAAY,CAAA;AAAA,MACrC,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,OAAA,EAAS,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAK,GAAG,KAAA;AAAM;AAAA,GAC5F;AAEJ,CAAC;AAED,IAAO,aAAA,GAAQA","file":"react.js","sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { Badgecraft as Badge } from '../badge'\nimport { cssSize, optionKeySet, pickOptions } from '../option-keys'\nimport type { BadgeOptions, BadgecraftHandle } from '../types'\n\nexport type * from '../types'\n\nexport interface BadgecraftProps\n  extends BadgeOptions,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onError' | 'color' | 'children'> {\n  /** Width and height of the badge (number = px). Default 160. */\n  size?: number | string\n  /** Accessible label; the badge is exposed as an image. */\n  alt?: string\n  className?: string\n  style?: CSSProperties\n}\n\nexport interface BadgecraftRef extends BadgecraftHandle {\n  glint(): void\n  /** The underlying framework-agnostic instance. */\n  readonly instance: Badge | null\n}\n\n/**\n * React binding for badgecraft.\n *\n * ```tsx\n * <Badgecraft svg=\"/award.svg\" metal=\"gold\" size={200} />\n * ```\n */\nexport const Badgecraft = forwardRef<BadgecraftRef, BadgecraftProps>(function Badgecraft(props, ref) {\n  const { size, alt, style, className, ...rest } = props\n  const options = pickOptions(rest as Record<string, unknown>)\n  const dom: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(rest)) if (!optionKeySet.has(key)) dom[key] = value\n\n  const hostRef = useRef<HTMLDivElement>(null)\n  const badgeRef = useRef<Badge | null>(null)\n  const initialOptions = useRef(options)\n\n  useEffect(() => {\n    const badge = new Badge(hostRef.current!, initialOptions.current)\n    badgeRef.current = badge\n    return () => {\n      badge.destroy()\n      badgeRef.current = null\n    }\n  }, [])\n\n  // Runs after every render; the core diffs options, so unchanged props cost nothing.\n  useEffect(() => {\n    badgeRef.current?.setOptions(options)\n  })\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      spin: (turns?: number) => badgeRef.current?.spin(turns),\n      glint: () => badgeRef.current?.glint(),\n      toDataURL: (type?: string, quality?: number) => badgeRef.current?.toDataURL(type, quality) ?? '',\n      toBlob: (type?: string, quality?: number) => badgeRef.current?.toBlob(type, quality) ?? Promise.resolve(null),\n      get instance() {\n        return badgeRef.current\n      },\n    }),\n    [],\n  )\n\n  const dim = cssSize(size)\n  return (\n    <div\n      {...dom}\n      ref={hostRef}\n      role={props.role ?? 'img'}\n      aria-label={alt ?? props['aria-label']}\n      className={className}\n      style={{ display: 'inline-block', position: 'relative', width: dim, height: dim, ...style }}\n    />\n  )\n})\n\nexport default Badgecraft\n"]}