@fortawesome/react-native-fontawesome 0.3.2 → 1.0.0-alpha.1

package/README.md

@@ -8,8 +8,22 @@
 
 > Font Awesome React Native component using SVG with JS
 
+## Version Compatibility
+
+| Library Version | Font Awesome Version | Notes |
+|-----------------|---------------------|-------|
+| 1.x | Font Awesome 7 | Current version, FA7 only |
+| 0.3.x | Font Awesome 6 | Use for FA6 compatibility |
+
+**Important**: The 1.x branch requires Font Awesome 7. If you're using Font Awesome 6, please use version 0.3.x of this library:
+
+```bash
+npm install @fortawesome/react-native-fontawesome@0.3
+```
+
 <!-- toc -->
 
+- [Version Compatibility](#version-compatibility)
 - [Documentation](#documentation)
 - [How to Help](#how-to-help)
 - [Contributors](#contributors)

package/lib/module/FontAwesomeIcon.js

@@ -0,0 +1,204 @@
+"use strict";
+
+import React from 'react';
+import convert from "./converter.js";
+import { StyleSheet } from 'react-native';
+import { icon, parse } from '@fortawesome/fontawesome-svg-core';
+import log from "./logger.js";
+export const DEFAULT_SIZE = 16;
+export const DEFAULT_COLOR = '#000';
+export const DEFAULT_SECONDARY_OPACITY = 0.4;
+function objectWithKey(key, value) {
+  return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? {
+    [key]: value
+  } : {};
+}
+function normalizeIconArgs(iconArg) {
+  // If it's a full icon definition object (with prefix, iconName, and icon array),
+  // return it as-is so icon() can use it directly
+  if (iconArg && typeof iconArg === 'object' && 'prefix' in iconArg && 'iconName' in iconArg && 'icon' in iconArg) {
+    return iconArg;
+  }
+  if (parse.icon) {
+    return parse.icon(iconArg);
+  }
+  if (iconArg === null) {
+    return null;
+  }
+  if (Array.isArray(iconArg) && iconArg.length === 2) {
+    return {
+      prefix: iconArg[0],
+      iconName: iconArg[1]
+    };
+  }
+  if (typeof iconArg === 'string') {
+    return {
+      prefix: 'fas',
+      iconName: iconArg
+    };
+  }
+  return null;
+}
+export default function FontAwesomeIcon(props) {
+  const {
+    icon: iconArgs,
+    mask: maskArgs,
+    maskId = null,
+    height,
+    width,
+    size = DEFAULT_SIZE,
+    style: styleInput = {},
+    color: colorInput = null,
+    secondaryColor: secondaryColorInput = null,
+    secondaryOpacity: secondaryOpacityInput = null,
+    transform: transformInput = null
+  } = props;
+  const style = StyleSheet.flatten(styleInput);
+  const iconLookup = normalizeIconArgs(iconArgs);
+  const transform = objectWithKey('transform', typeof transformInput === 'string' ? parse.transform(transformInput) : transformInput);
+  const mask = objectWithKey('mask', normalizeIconArgs(maskArgs));
+  const renderedIcon = icon(iconLookup, {
+    ...transform,
+    ...mask,
+    maskId: maskId ?? undefined
+  });
+  if (!renderedIcon) {
+    log('ERROR: icon not found for icon = ', iconArgs);
+    return null;
+  }
+  const {
+    abstract
+  } = renderedIcon;
+
+  // This is the color that will be passed to the "fill" prop of the Svg element
+  const color = colorInput || (style || {}).color || DEFAULT_COLOR;
+
+  // This is the color that will be passed to the "fill" prop of the secondary Path element child (in Duotone Icons)
+  // `null` value will result in using the primary color, at 40% opacity
+  const secondaryColor = secondaryColorInput || color;
+
+  // Secondary layer opacity should default to 0.4, unless a specific opacity value or a specific secondary color was given
+  const secondaryOpacity = secondaryOpacityInput || DEFAULT_SECONDARY_OPACITY;
+
+  // To avoid confusion down the line, we'll remove properties from the StyleSheet, like color, that are being overridden
+  // or resolved in other ways, to avoid ambiguity as to which inputs cause which outputs in the underlying rendering process.
+  // In other words, we don't want color (for example) to be specified via two different inputs.
+  // Intentionally extract and discard color from style to avoid ambiguity
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const {
+    color: _styleColor,
+    ...modifiedStyle
+  } = style || {};
+  let resolvedHeight;
+  let resolvedWidth;
+  if (height || width) {
+    throw new Error(`Prop height and width for component ${FontAwesomeIcon.displayName} have been deprecated. ` + `Use the size prop instead like <${FontAwesomeIcon.displayName} size={${width}} />.`);
+  } else {
+    resolvedHeight = resolvedWidth = size || DEFAULT_SIZE;
+  }
+  const rootAttributes = abstract[0].attributes;
+  rootAttributes.height = resolvedHeight;
+  rootAttributes.width = resolvedWidth;
+  rootAttributes.style = modifiedStyle;
+  replaceCurrentColor(abstract[0], color, secondaryColor, secondaryOpacity);
+
+  // Expand viewBox for FA7 overflow icon support
+  // This must happen before percentage replacement to ensure correct dimensions
+  if (rootAttributes.viewBox) {
+    rootAttributes.viewBox = expandViewBox(rootAttributes.viewBox);
+  }
+
+  // Parse viewBox to get dimensions for percentage replacement
+  // viewBox format: "minX minY width height" e.g., "0 -32 512 576" (after expansion)
+  const viewBox = rootAttributes.viewBox;
+  if (viewBox) {
+    const parts = viewBox.split(' ').map(Number);
+    if (parts.length === 4) {
+      const vbWidth = parts[2];
+      const vbHeight = parts[3];
+      if (vbWidth !== undefined && vbHeight !== undefined) {
+        replacePercentages(abstract[0], vbWidth, vbHeight);
+      }
+    }
+  }
+
+  // AbstractElement input always produces a ReactElement (not string), so cast is safe
+  return convertCurry(abstract[0]);
+}
+FontAwesomeIcon.displayName = 'FontAwesomeIcon';
+const convertCurry = convert.bind(null, React.createElement);
+function replaceCurrentColor(obj, primaryColor, secondaryColor, secondaryOpacity) {
+  (obj.children || []).forEach(child => {
+    if (typeof child === 'string') return;
+    replaceFill(child, primaryColor, secondaryColor, secondaryOpacity);
+    if (Object.prototype.hasOwnProperty.call(child, 'attributes')) {
+      replaceFill(child.attributes, primaryColor, secondaryColor, secondaryOpacity);
+    }
+    if (Array.isArray(child.children) && child.children.length > 0) {
+      replaceCurrentColor(child, primaryColor, secondaryColor, secondaryOpacity);
+    }
+  });
+}
+function replaceFill(obj, primaryColor, secondaryColor, secondaryOpacity) {
+  if (hasPropertySetToValue(obj, 'fill', 'currentColor')) {
+    if (hasPropertySetToValue(obj, 'class', 'fa-primary')) {
+      obj.fill = primaryColor;
+    } else if (hasPropertySetToValue(obj, 'class', 'fa-secondary')) {
+      obj.fill = secondaryColor;
+      obj.fillOpacity = secondaryOpacity;
+    } else {
+      obj.fill = primaryColor;
+    }
+  }
+}
+function hasPropertySetToValue(obj, property, value) {
+  return Object.prototype.hasOwnProperty.call(obj, property) && obj[property] === value;
+}
+
+/**
+ * Expands the viewBox to accommodate Font Awesome 7 icons that overflow their standard viewBox.
+ * FA7 introduced icons where paths extend beyond the declared viewBox boundaries.
+ * React Native clips content to the viewBox (unlike web browsers which support CSS overflow: visible).
+ * This expansion adds vertical space by subtracting 32 from minY and adding 64 to height.
+ *
+ * @param viewBox - The original viewBox string in format "minX minY width height"
+ * @returns The expanded viewBox string with adjusted minY and height
+ */
+export function expandViewBox(viewBox) {
+  const parts = viewBox.split(' ').map(Number);
+  if (parts.length !== 4) return viewBox;
+  const minX = parts[0];
+  const minY = parts[1];
+  const width = parts[2];
+  const height = parts[3];
+
+  // Validate that all parts are valid numbers
+  if (minX === undefined || minY === undefined || width === undefined || height === undefined || isNaN(minX) || isNaN(minY) || isNaN(width) || isNaN(height)) {
+    return viewBox;
+  }
+
+  // Expand for FA7 overflow icons: subtract 32 from minY, add 64 to height
+  return `${minX} ${minY - 32} ${width} ${height + 64}`;
+}
+
+/**
+ * react-native-svg has issues with percentage values like "100%" in masks and rects.
+ * This function replaces percentage values with actual numeric values based on the viewBox.
+ */
+function replacePercentages(obj, viewBoxWidth, viewBoxHeight) {
+  const attrs = obj.attributes;
+  if (attrs) {
+    if (attrs.width === '100%') {
+      attrs.width = viewBoxWidth;
+    }
+    if (attrs.height === '100%') {
+      attrs.height = viewBoxHeight;
+    }
+  }
+  (obj.children || []).forEach(child => {
+    if (typeof child !== 'string') {
+      replacePercentages(child, viewBoxWidth, viewBoxHeight);
+    }
+  });
+}
+//# sourceMappingURL=FontAwesomeIcon.js.map

package/lib/module/FontAwesomeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","convert","StyleSheet","icon","parse","log","DEFAULT_SIZE","DEFAULT_COLOR","DEFAULT_SECONDARY_OPACITY","objectWithKey","key","value","Array","isArray","length","normalizeIconArgs","iconArg","prefix","iconName","FontAwesomeIcon","props","iconArgs","mask","maskArgs","maskId","height","width","size","style","styleInput","color","colorInput","secondaryColor","secondaryColorInput","secondaryOpacity","secondaryOpacityInput","transform","transformInput","flatten","iconLookup","renderedIcon","undefined","abstract","_styleColor","modifiedStyle","resolvedHeight","resolvedWidth","Error","displayName","rootAttributes","attributes","replaceCurrentColor","viewBox","expandViewBox","parts","split","map","Number","vbWidth","vbHeight","replacePercentages","convertCurry","bind","createElement","obj","primaryColor","children","forEach","child","replaceFill","Object","prototype","hasOwnProperty","call","hasPropertySetToValue","fill","fillOpacity","property","minX","minY","isNaN","viewBoxWidth","viewBoxHeight","attrs"],"sourceRoot":"../../src","sources":["FontAwesomeIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/converter.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import humps from 'humps';
+import { Svg, Path, Rect, Defs, Mask, G, ClipPath } from 'react-native-svg';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- required for dynamic component lookup from FA abstract elements
+const svgObjectMap = {
+  svg: Svg,
+  path: Path,
+  rect: Rect,
+  defs: Defs,
+  mask: Mask,
+  g: G,
+  clipPath: ClipPath
+};
+function convert(createElement, element) {
+  if (typeof element === 'string') {
+    return element;
+  }
+  const children = (element.children || []).map(child => {
+    return convert(createElement, child);
+  });
+  const mixins = Object.keys(element.attributes || {}).reduce((acc, key) => {
+    const val = element.attributes[key];
+    switch (key) {
+      case 'class':
+      case 'role':
+      case 'xmlns':
+        delete element.attributes[key];
+        break;
+      case 'focusable':
+        acc.attrs[key] = val === 'true';
+        break;
+      default:
+        if (key.indexOf('aria-') === 0 || key.indexOf('data-') === 0 || key === 'fill' && val === 'currentColor') {
+          delete element.attributes[key];
+        } else {
+          acc.attrs[humps.camelize(key)] = val;
+        }
+    }
+    return acc;
+  }, {
+    attrs: {}
+  });
+  return createElement(svgObjectMap[element.tag], {
+    ...mixins.attrs
+  }, ...children);
+}
+export default convert;
+//# sourceMappingURL=converter.js.map

package/lib/module/converter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["humps","Svg","Path","Rect","Defs","Mask","G","ClipPath","svgObjectMap","svg","path","rect","defs","mask","g","clipPath","convert","createElement","element","children","map","child","mixins","Object","keys","attributes","reduce","acc","key","val","attrs","indexOf","camelize","tag"],"sourceRoot":"../../src","sources":["converter.ts"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,CAAC,EAAEC,QAAQ,QAAQ,kBAAkB;AAU3E;AACA,MAAMC,YAAsD,GAAG;EAC7DC,GAAG,EAAER,GAAG;EACRS,IAAI,EAAER,IAAI;EACVS,IAAI,EAAER,IAAI;EACVS,IAAI,EAAER,IAAI;EACVS,IAAI,EAAER,IAAI;EACVS,CAAC,EAAER,CAAC;EACJS,QAAQ,EAAER;AACZ,CAAC;AAED,SAASS,OAAOA,CACdC,aAA8B,EAC9BC,OAAiC,EAChB;EACjB,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;IAC/B,OAAOA,OAAO;EAChB;EAEA,MAAMC,QAAQ,GAAG,CAACD,OAAO,CAACC,QAAQ,IAAI,EAAE,EAAEC,GAAG,CAAEC,KAAK,IAAK;IACvD,OAAOL,OAAO,CAACC,aAAa,EAAEI,KAAK,CAAC;EACtC,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACN,OAAO,CAACO,UAAU,IAAI,CAAC,CAAC,CAAC,CAACC,MAAM,CACzD,CAACC,GAAG,EAAEC,GAAG,KAAK;IACZ,MAAMC,GAAG,GAAIX,OAAO,CAACO,UAAU,CAA6BG,GAAG,CAAC;IAChE,QAAQA,GAAG;MACT,KAAK,OAAO;MACZ,KAAK,MAAM;MACX,KAAK,OAAO;QACV,OAAQV,OAAO,CAACO,UAAU,CAA6BG,GAAG,CAAC;QAC3D;MACF,KAAK,WAAW;QACdD,GAAG,CAACG,KAAK,CAACF,GAAG,CAAC,GAAGC,GAAG,KAAK,MAAM;QAC/B;MACF;QACE,IACED,GAAG,CAACG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAC1BH,GAAG,CAACG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IACzBH,GAAG,KAAK,MAAM,IAAIC,GAAG,KAAK,cAAe,EAC1C;UACA,OAAQX,OAAO,CAACO,UAAU,CAA6BG,GAAG,CAAC;QAC7D,CAAC,MAAM;UACLD,GAAG,CAACG,KAAK,CAAC9B,KAAK,CAACgC,QAAQ,CAACJ,GAAG,CAAC,CAAC,GAAGC,GAAG;QACtC;IACJ;IACA,OAAOF,GAAG;EACZ,CAAC,EACD;IAAEG,KAAK,EAAE,CAAC;EAA6B,CACzC,CAAC;EAED,OAAOb,aAAa,CAClBT,YAAY,CAACU,OAAO,CAACe,GAAG,CAAC,EACzB;IAAE,GAAGX,MAAM,CAACQ;EAAM,CAAC,EACnB,GAAGX,QACL,CAAC;AACH;AAEA,eAAeH,OAAO","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as FontAwesomeIcon } from "./FontAwesomeIcon.js";
+export { DEFAULT_SIZE, DEFAULT_COLOR, DEFAULT_SECONDARY_OPACITY } from "./FontAwesomeIcon.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","FontAwesomeIcon","DEFAULT_SIZE","DEFAULT_COLOR","DEFAULT_SECONDARY_OPACITY"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,eAAe,QAAQ,sBAAmB;AAC9D,SACEC,YAAY,EACZC,aAAa,EACbC,yBAAyB,QACpB,sBAAmB","ignoreList":[]}

package/lib/module/logger.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const PRODUCTION = false;
+export default function log(...args) {
+  if (!PRODUCTION && console && typeof console.error === 'function') {
+    console.error(...args);
+  }
+}
+//# sourceMappingURL=logger.js.map

package/lib/module/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PRODUCTION","log","args","console","error"],"sourceRoot":"../../src","sources":["logger.ts"],"mappings":";;AAAA,MAAMA,UAAU,GAAG,KAAK;AAExB,eAAe,SAASC,GAAGA,CAAC,GAAGC,IAAe,EAAQ;EACpD,IAAI,CAACF,UAAU,IAAIG,OAAO,IAAI,OAAOA,OAAO,CAACC,KAAK,KAAK,UAAU,EAAE;IACjED,OAAO,CAACC,KAAK,CAAC,GAAGF,IAAI,CAAC;EACxB;AACF","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/FontAwesomeIcon.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Transform, IconProp } from '@fortawesome/fontawesome-svg-core';
+export declare const DEFAULT_SIZE = 16;
+export declare const DEFAULT_COLOR = "#000";
+export declare const DEFAULT_SECONDARY_OPACITY = 0.4;
+export type FontAwesomeIconStyle = StyleProp<ViewStyle> & {
+    color?: string;
+};
+export interface Props {
+    icon: IconProp;
+    /** @deprecated Use size instead */
+    height?: number;
+    /** @deprecated Use size instead */
+    width?: number;
+    size?: number;
+    color?: string;
+    secondaryColor?: string;
+    secondaryOpacity?: number;
+    mask?: IconProp;
+    maskId?: string;
+    transform?: string | Transform;
+    style?: FontAwesomeIconStyle;
+    testID?: string;
+}
+declare function FontAwesomeIcon(props: Props): React.ReactElement | null;
+declare namespace FontAwesomeIcon {
+    var displayName: string;
+}
+export default FontAwesomeIcon;
+/**
+ * Expands the viewBox to accommodate Font Awesome 7 icons that overflow their standard viewBox.
+ * FA7 introduced icons where paths extend beyond the declared viewBox boundaries.
+ * React Native clips content to the viewBox (unlike web browsers which support CSS overflow: visible).
+ * This expansion adds vertical space by subtracting 32 from minY and adding 64 to height.
+ *
+ * @param viewBox - The original viewBox string in format "minX minY width height"
+ * @returns The expanded viewBox string with adjusted minY and height
+ */
+export declare function expandViewBox(viewBox: string): string;
+//# sourceMappingURL=FontAwesomeIcon.d.ts.map

package/lib/typescript/src/FontAwesomeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontAwesomeIcon.d.ts","sourceRoot":"","sources":["../../../src/FontAwesomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EACV,SAAS,EACT,QAAQ,EAKT,MAAM,mCAAmC,CAAC;AAG3C,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2DD,iBAAwB,eAAe,CACrC,KAAK,EAAE,KAAK,GACX,KAAK,CAAC,YAAY,GAAG,IAAI,CAyG3B;kBA3GuB,eAAe;;;eAAf,eAAe;AA6KvC;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAyBrD"}

package/lib/typescript/src/converter.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+interface AbstractElement {
+    tag: string;
+    attributes?: Record<string, unknown>;
+    children?: (AbstractElement | string)[];
+}
+type CreateElementFn = typeof import('react').createElement;
+declare function convert(createElement: CreateElementFn, element: AbstractElement | string): React.ReactNode;
+export default convert;
+//# sourceMappingURL=converter.d.ts.map

package/lib/typescript/src/converter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.d.ts","sourceRoot":"","sources":["../../../src/converter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC,EAAE,CAAC;CACzC;AAED,KAAK,eAAe,GAAG,cAAc,OAAO,EAAE,aAAa,CAAC;AAa5D,iBAAS,OAAO,CACd,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,eAAe,GAAG,MAAM,GAChC,KAAK,CAAC,SAAS,CA0CjB;AAED,eAAe,OAAO,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FontAwesomeIcon } from './FontAwesomeIcon';
+export { DEFAULT_SIZE, DEFAULT_COLOR, DEFAULT_SECONDARY_OPACITY, } from './FontAwesomeIcon';
+export type { Props, FontAwesomeIconStyle } from './FontAwesomeIcon';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,yBAAyB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/src/logger.d.ts

@@ -0,0 +1,2 @@
+export default function log(...args: unknown[]): void;
+//# sourceMappingURL=logger.d.ts.map

package/lib/typescript/src/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/logger.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAIpD"}