@baseline-ui/icons 0.8.0 → 0.8.2

package/dist/index.js

@@ -1,118 +1,35 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Icon: () => Icon
-});
-module.exports = __toCommonJS(src_exports);
+var utils = require('@react-aria/utils');
+var g = require('dompurify');
+var m = require('react');
+var reactAria = require('react-aria');
+var utils$1 = require('@baseline-ui/utils');
+var jsxRuntime = require('react/jsx-runtime');
 
-// src/Icon.tsx
-var import_utils = require("@react-aria/utils");
-var Dompurify = __toESM(require("dompurify"));
-var import_react = __toESM(require("react"));
-var import_react_aria = require("react-aria");
-var import_utils2 = require("@baseline-ui/utils");
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-// src/Icon.css.ts
-var iconWrapper = "Icon_iconWrapper__1rl8ope0";
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
 
-// src/Icon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var setSizeAttributes = (svgElement, size) => {
-  svgElement.setAttribute(
-    "height",
-    typeof size === "number" ? `${size}px` : size
-  );
-  svgElement.setAttribute(
-    "width",
-    typeof size === "number" ? `${size}px` : size
-  );
-};
-var updateSvgTitle = (svgElement, title, id) => {
-  const titleElement = svgElement.querySelector("title");
-  const ownerDocument = (0, import_utils.getOwnerDocument)(svgElement);
-  if (titleElement) {
-    titleElement.textContent = title;
-    titleElement.setAttribute("id", id);
-  } else {
-    const newTitleElement = ownerDocument.createElement("title");
-    newTitleElement.textContent = title;
-    newTitleElement.setAttribute("id", id);
-    svgElement.prepend(newTitleElement);
-  }
-};
-var setClassName = (svgElement, className) => {
-  if (className) {
-    svgElement.classList.add(className);
-  }
-};
-var getSanitizedSvgElement = (_svg, ownerDocument) => {
-  const span = ownerDocument.createElement("span");
-  span.innerHTML = Dompurify.default.sanitize(_svg);
-  const svgElement = span.querySelector("svg");
-  (0, import_utils2.invariant)(svgElement, "Icon: svg prop must be a valid svg string");
-  return svgElement;
-};
-var Icon = import_react.default.forwardRef(
-  ({ size, title, className, style, ...rest }, ref) => {
-    const id = (0, import_react_aria.useId)();
-    const svgRef = import_react.default.useRef(null);
-    const _svg = "svg" in rest ? rest.svg : void 0;
-    const svgString = import_react.default.useMemo(() => {
-      if (_svg) {
-        const ownerDocument = (0, import_utils.getOwnerDocument)(svgRef.current);
-        const svgElement = getSanitizedSvgElement(_svg, ownerDocument);
-        if (size) {
-          setSizeAttributes(svgElement, size);
-        }
-        if (title) {
-          updateSvgTitle(svgElement, title, id);
-        }
-        setClassName(svgElement, className);
-        return svgElement.outerHTML;
-      }
-    }, [_svg, size, title, className, id]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: (0, import_utils2.classNames)(iconWrapper, className),
-        ref: (0, import_utils.mergeRefs)(ref, svgRef),
-        style,
-        dangerouslySetInnerHTML: svgString ? { __html: svgString } : void 0
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Icon
-});
+var g__namespace = /*#__PURE__*/_interopNamespace(g);
+var m__default = /*#__PURE__*/_interopDefault(m);
+
+var a="_1rl8ope0";var E=(e,t)=>{e.setAttribute("height",typeof t=="number"?`${t}px`:t),e.setAttribute("width",typeof t=="number"?`${t}px`:t);},x=(e,t,n)=>{let o=e.querySelector("title"),s=utils.getOwnerDocument(e);if(o)o.textContent=t,o.setAttribute("id",n);else {let r=s.createElement("title");r.textContent=t,r.setAttribute("id",n),e.prepend(r);}},T=(e,t)=>{t&&e.classList.add(t);},w=(e,t)=>{let n=t.createElement("span");n.innerHTML=g__namespace.default.sanitize(e);let o=n.querySelector("svg");return utils$1.invariant(o,"Icon: svg prop must be a valid svg string"),o},d=m__default.default.forwardRef(({size:e,title:t,className:n,style:o,...s},r)=>{let c=reactAria.useId(),u=m__default.default.useRef(null),i="svg"in s?s.svg:void 0,f=m__default.default.useMemo(()=>{if(i){let y=utils.getOwnerDocument(u.current),p=w(i,y);return e&&E(p,e),t&&x(p,t,c),T(p,n),p.outerHTML}},[i,e,t,n,c]);return jsxRuntime.jsx("span",{className:utils$1.classNames(a,n),ref:utils.mergeRefs(r,u),style:o,dangerouslySetInnerHTML:f?{__html:f}:void 0})});d.displayName="Icon";
+
+exports.Icon = d;

package/dist/index.mjs

@@ -1,81 +1,10 @@
-// src/Icon.tsx
-import { getOwnerDocument, mergeRefs } from "@react-aria/utils";
-import * as Dompurify from "dompurify";
-import React from "react";
-import { useId } from "react-aria";
-import { classNames, invariant } from "@baseline-ui/utils";
+import { getOwnerDocument, mergeRefs } from '@react-aria/utils';
+import * as g from 'dompurify';
+import m from 'react';
+import { useId } from 'react-aria';
+import { classNames, invariant } from '@baseline-ui/utils';
+import { jsx } from 'react/jsx-runtime';
 
-// src/Icon.css.ts
-var iconWrapper = "Icon_iconWrapper__1rl8ope0";
+var a="_1rl8ope0";var E=(e,t)=>{e.setAttribute("height",typeof t=="number"?`${t}px`:t),e.setAttribute("width",typeof t=="number"?`${t}px`:t);},x=(e,t,n)=>{let o=e.querySelector("title"),s=getOwnerDocument(e);if(o)o.textContent=t,o.setAttribute("id",n);else {let r=s.createElement("title");r.textContent=t,r.setAttribute("id",n),e.prepend(r);}},T=(e,t)=>{t&&e.classList.add(t);},w=(e,t)=>{let n=t.createElement("span");n.innerHTML=g.default.sanitize(e);let o=n.querySelector("svg");return invariant(o,"Icon: svg prop must be a valid svg string"),o},d=m.forwardRef(({size:e,title:t,className:n,style:o,...s},r)=>{let c=useId(),u=m.useRef(null),i="svg"in s?s.svg:void 0,f=m.useMemo(()=>{if(i){let y=getOwnerDocument(u.current),p=w(i,y);return e&&E(p,e),t&&x(p,t,c),T(p,n),p.outerHTML}},[i,e,t,n,c]);return jsx("span",{className:classNames(a,n),ref:mergeRefs(r,u),style:o,dangerouslySetInnerHTML:f?{__html:f}:void 0})});d.displayName="Icon";
 
-// src/Icon.tsx
-import { jsx } from "react/jsx-runtime";
-var setSizeAttributes = (svgElement, size) => {
-  svgElement.setAttribute(
-    "height",
-    typeof size === "number" ? `${size}px` : size
-  );
-  svgElement.setAttribute(
-    "width",
-    typeof size === "number" ? `${size}px` : size
-  );
-};
-var updateSvgTitle = (svgElement, title, id) => {
-  const titleElement = svgElement.querySelector("title");
-  const ownerDocument = getOwnerDocument(svgElement);
-  if (titleElement) {
-    titleElement.textContent = title;
-    titleElement.setAttribute("id", id);
-  } else {
-    const newTitleElement = ownerDocument.createElement("title");
-    newTitleElement.textContent = title;
-    newTitleElement.setAttribute("id", id);
-    svgElement.prepend(newTitleElement);
-  }
-};
-var setClassName = (svgElement, className) => {
-  if (className) {
-    svgElement.classList.add(className);
-  }
-};
-var getSanitizedSvgElement = (_svg, ownerDocument) => {
-  const span = ownerDocument.createElement("span");
-  span.innerHTML = Dompurify.default.sanitize(_svg);
-  const svgElement = span.querySelector("svg");
-  invariant(svgElement, "Icon: svg prop must be a valid svg string");
-  return svgElement;
-};
-var Icon = React.forwardRef(
-  ({ size, title, className, style, ...rest }, ref) => {
-    const id = useId();
-    const svgRef = React.useRef(null);
-    const _svg = "svg" in rest ? rest.svg : void 0;
-    const svgString = React.useMemo(() => {
-      if (_svg) {
-        const ownerDocument = getOwnerDocument(svgRef.current);
-        const svgElement = getSanitizedSvgElement(_svg, ownerDocument);
-        if (size) {
-          setSizeAttributes(svgElement, size);
-        }
-        if (title) {
-          updateSvgTitle(svgElement, title, id);
-        }
-        setClassName(svgElement, className);
-        return svgElement.outerHTML;
-      }
-    }, [_svg, size, title, className, id]);
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: classNames(iconWrapper, className),
-        ref: mergeRefs(ref, svgRef),
-        style,
-        dangerouslySetInnerHTML: svgString ? { __html: svgString } : void 0
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-export {
-  Icon
-};
+export { d as Icon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baseline-ui/icons",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -21,7 +21,7 @@
     "@react-aria/utils": "^3.23.0",
     "dompurify": "^3.0.8",
     "react-aria": "^3.31.1",
-    "@baseline-ui/utils": "0.8.0"
+    "@baseline-ui/utils": "0.8.2"
   },
   "devDependencies": {
     "@svgr/cli": "^8.1.0",