@reykjavik/hanna-react 0.10.53

package/lib/SeenEffect.cjs

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SeenEffect_exports = {};
+__export(SeenEffect_exports, {
+  default: () => SeenEffect_default
+});
+module.exports = __toCommonJS(SeenEffect_exports);
+var import_react = __toESM(require("react"));
+var import_seenEffect = require("./utils/seenEffect");
+const SeenEffect = (props) => {
+  const _a = props, { effectType, startSeen } = _a, divProps = __objRest(_a, ["effectType", "startSeen"]);
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues(__spreadProps(__spreadValues({}, divProps), {
+    ref
+  }), (0, import_seenEffect.getEffectAttr)(effectType)));
+};
+var SeenEffect_default = SeenEffect;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SeenEffect.mjs

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React from "react";
+import { getEffectAttr, useSeenEffect } from "./utils/seenEffect";
+const SeenEffect = (props) => {
+  const _a = props, { effectType, startSeen } = _a, divProps = __objRest(_a, ["effectType", "startSeen"]);
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", __spreadValues(__spreadProps(__spreadValues({}, divProps), {
+    ref
+  }), getEffectAttr(effectType)));
+};
+var SeenEffect_default = SeenEffect;
+export {
+  SeenEffect_default as default
+};

package/lib/Selectbox.cjs

@@ -0,0 +1,144 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Selectbox_exports = {};
+__export(Selectbox_exports, {
+  default: () => Selectbox_default
+});
+module.exports = __toCommonJS(Selectbox_exports);
+var import_react = __toESM(require("react"));
+var import_Selectbox = __toESM(require("@hugsmidjan/react/Selectbox"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_FormField = __toESM(require("./FormField"));
+const getValue = (opt) => {
+  const val = typeof opt === "object" ? opt.value : opt;
+  return typeof val === "number" ? String(val) : val;
+};
+const Selectbox = (props) => {
+  var _b;
+  const _a = props, {
+    className,
+    label,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    reqText,
+    invalid,
+    errorMessage,
+    required,
+    id,
+    ssr,
+    onChange,
+    small
+  } = _a, selectProps = __objRest(_a, [
+    "className",
+    "label",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "reqText",
+    "invalid",
+    "errorMessage",
+    "required",
+    "id",
+    "ssr",
+    "onChange",
+    "small"
+  ]);
+  const { value, defaultValue, placeholder, options } = selectProps;
+  const _selectRef = (0, import_react.useRef)(null);
+  const selectRef = selectProps.selectRef || _selectRef;
+  const getInitialValue = () => value ?? defaultValue ?? getValue(options[0]);
+  const [isFilled, setIsFilled] = (0, import_react.useState)(() => !!getInitialValue());
+  const [isEmpty, setIsEmpty] = (0, import_react.useState)(() => !getInitialValue() && !placeholder);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const selectElm = selectRef.current;
+    if (selectElm) {
+      setIsFilled(!!selectElm.value);
+      setIsEmpty(!((_a2 = selectElm.selectedOptions[0]) == null ? void 0 : _a2.text));
+    }
+  }, [(_b = selectRef.current) == null ? void 0 : _b.value]);
+  const _onChange = (e) => {
+    var _a2;
+    const selectElm = e.currentTarget;
+    setIsFilled(!!selectElm.value);
+    setIsEmpty(!((_a2 = selectElm.selectedOptions[0]) == null ? void 0 : _a2.text));
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: (0, import_getBemClass.default)("Selectbox", null, className),
+    ssr,
+    small,
+    label,
+    empty: isEmpty,
+    filled: isFilled,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps, addFocusProps) => /* @__PURE__ */ import_react.default.createElement(import_Selectbox.default, __spreadProps(__spreadValues(__spreadValues({
+      bem: className2.input,
+      ssr,
+      onChange: _onChange
+    }, inputProps), addFocusProps(selectProps)), {
+      selectRef
+    }))
+  });
+};
+var Selectbox_default = Selectbox;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Selectbox.mjs

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { useEffect, useRef, useState } from "react";
+import _Selectbox from "@hugsmidjan/react/Selectbox";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import FormField from "./FormField";
+const getValue = (opt) => {
+  const val = typeof opt === "object" ? opt.value : opt;
+  return typeof val === "number" ? String(val) : val;
+};
+const Selectbox = (props) => {
+  var _b;
+  const _a = props, {
+    className,
+    label,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    reqText,
+    invalid,
+    errorMessage,
+    required,
+    id,
+    ssr,
+    onChange,
+    small
+  } = _a, selectProps = __objRest(_a, [
+    "className",
+    "label",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "reqText",
+    "invalid",
+    "errorMessage",
+    "required",
+    "id",
+    "ssr",
+    "onChange",
+    "small"
+  ]);
+  const { value, defaultValue, placeholder, options } = selectProps;
+  const _selectRef = useRef(null);
+  const selectRef = selectProps.selectRef || _selectRef;
+  const getInitialValue = () => value ?? defaultValue ?? getValue(options[0]);
+  const [isFilled, setIsFilled] = useState(() => !!getInitialValue());
+  const [isEmpty, setIsEmpty] = useState(() => !getInitialValue() && !placeholder);
+  useEffect(() => {
+    var _a2;
+    const selectElm = selectRef.current;
+    if (selectElm) {
+      setIsFilled(!!selectElm.value);
+      setIsEmpty(!((_a2 = selectElm.selectedOptions[0]) == null ? void 0 : _a2.text));
+    }
+  }, [(_b = selectRef.current) == null ? void 0 : _b.value]);
+  const _onChange = (e) => {
+    var _a2;
+    const selectElm = e.currentTarget;
+    setIsFilled(!!selectElm.value);
+    setIsEmpty(!((_a2 = selectElm.selectedOptions[0]) == null ? void 0 : _a2.text));
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: getBemClass("Selectbox", null, className),
+    ssr,
+    small,
+    label,
+    empty: isEmpty,
+    filled: isFilled,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps, addFocusProps) => /* @__PURE__ */ React.createElement(_Selectbox, __spreadProps(__spreadValues(__spreadValues({
+      bem: className2.input,
+      ssr,
+      onChange: _onChange
+    }, inputProps), addFocusProps(selectProps)), {
+      selectRef
+    }))
+  });
+};
+var Selectbox_default = Selectbox;
+export {
+  Selectbox_default as default
+};

package/lib/ShareButtons.cjs

@@ -0,0 +1,101 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ShareButtons_exports = {};
+__export(ShareButtons_exports, {
+  default: () => ShareButtons_default
+});
+module.exports = __toCommonJS(ShareButtons_exports);
+var import_react = __toESM(require("react"));
+var import_shareButtonsUtils = require("@reykjavik/hanna-utils/shareButtonsUtils");
+var import_Link = require("./_abstract/Link");
+const generateTypeList = (facebook, twitter, linkedin, email) => {
+  const listStr = ((facebook ? "facebook," : "") + (twitter ? "twitter," : "") + (linkedin ? "linkedin," : "") + (email ? "email," : "")).slice(0, -1);
+  return listStr !== "facebook,twitter" && listStr || void 0;
+};
+const docLoc = typeof document !== "undefined" ? document.location : { href: void 0 };
+const ShareButtons__item = (props) => {
+  const { label, type, href } = props;
+  const buttonText = (0, import_shareButtonsUtils.getShareButtonLabel)(type, label);
+  const popup = type !== "email";
+  return /* @__PURE__ */ import_react.default.createElement("li", {
+    className: "ShareButtons__item"
+  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+    className: "ShareButtons__link ShareButtons__link--" + type,
+    href,
+    title: buttonText,
+    rel: "noopener noreferrer",
+    target: popup ? "_blank" : void 0,
+    onClick: popup ? import_shareButtonsUtils.openInPopup : void 0
+  }, buttonText));
+};
+const ShareButtons = (props) => {
+  const {
+    texts,
+    ssr,
+    facebook = true,
+    twitter = true,
+    linkedin,
+    email
+  } = props;
+  const [docMeta, setDocMeta] = (0, import_react.useState)();
+  const href = docLoc.href;
+  (0, import_react.useEffect)(() => {
+    const { emailSubject } = texts || {};
+    setDocMeta((0, import_shareButtonsUtils.getDocMeta)({ emailSubject }));
+  }, [texts, href]);
+  if (!facebook && !twitter && !linkedin && !email) {
+    return null;
+  }
+  const txt = texts || docMeta && import_shareButtonsUtils.i18n[docMeta.lang] || {};
+  const { label, buttonLabel } = txt;
+  if (!docMeta || ssr === "ssr-only") {
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "ShareButtons",
+      "data-button-types": generateTypeList(facebook, twitter, linkedin, email),
+      "data-label": label,
+      "data-buttonlabel": buttonLabel,
+      "data-emailsubject": txt.emailSubject || void 0
+    });
+  }
+  const showTypes = {
+    facebook,
+    twitter,
+    linkedin,
+    email
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "ShareButtons",
+    "aria-label": label,
+    "data-sprinkled": "true"
+  }, label && /* @__PURE__ */ import_react.default.createElement("strong", {
+    className: "ShareButtons__label"
+  }, label), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "ShareButtons__list"
+  }, import_shareButtonsUtils.shareButtonTypes.map((type) => showTypes[type] && /* @__PURE__ */ import_react.default.createElement(ShareButtons__item, {
+    key: type,
+    type,
+    label: buttonLabel || "",
+    href: docMeta.hrefs[type]
+  }))));
+};
+var ShareButtons_default = ShareButtons;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ShareButtons.mjs

@@ -0,0 +1,83 @@
+import React, { useEffect, useState } from "react";
+import {
+  getDocMeta,
+  getShareButtonLabel,
+  i18n,
+  openInPopup,
+  shareButtonTypes
+} from "@reykjavik/hanna-utils/shareButtonsUtils";
+import { Link } from "./_abstract/Link";
+const generateTypeList = (facebook, twitter, linkedin, email) => {
+  const listStr = ((facebook ? "facebook," : "") + (twitter ? "twitter," : "") + (linkedin ? "linkedin," : "") + (email ? "email," : "")).slice(0, -1);
+  return listStr !== "facebook,twitter" && listStr || void 0;
+};
+const docLoc = typeof document !== "undefined" ? document.location : { href: void 0 };
+const ShareButtons__item = (props) => {
+  const { label, type, href } = props;
+  const buttonText = getShareButtonLabel(type, label);
+  const popup = type !== "email";
+  return /* @__PURE__ */ React.createElement("li", {
+    className: "ShareButtons__item"
+  }, /* @__PURE__ */ React.createElement(Link, {
+    className: "ShareButtons__link ShareButtons__link--" + type,
+    href,
+    title: buttonText,
+    rel: "noopener noreferrer",
+    target: popup ? "_blank" : void 0,
+    onClick: popup ? openInPopup : void 0
+  }, buttonText));
+};
+const ShareButtons = (props) => {
+  const {
+    texts,
+    ssr,
+    facebook = true,
+    twitter = true,
+    linkedin,
+    email
+  } = props;
+  const [docMeta, setDocMeta] = useState();
+  const href = docLoc.href;
+  useEffect(() => {
+    const { emailSubject } = texts || {};
+    setDocMeta(getDocMeta({ emailSubject }));
+  }, [texts, href]);
+  if (!facebook && !twitter && !linkedin && !email) {
+    return null;
+  }
+  const txt = texts || docMeta && i18n[docMeta.lang] || {};
+  const { label, buttonLabel } = txt;
+  if (!docMeta || ssr === "ssr-only") {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "ShareButtons",
+      "data-button-types": generateTypeList(facebook, twitter, linkedin, email),
+      "data-label": label,
+      "data-buttonlabel": buttonLabel,
+      "data-emailsubject": txt.emailSubject || void 0
+    });
+  }
+  const showTypes = {
+    facebook,
+    twitter,
+    linkedin,
+    email
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "ShareButtons",
+    "aria-label": label,
+    "data-sprinkled": "true"
+  }, label && /* @__PURE__ */ React.createElement("strong", {
+    className: "ShareButtons__label"
+  }, label), /* @__PURE__ */ React.createElement("ul", {
+    className: "ShareButtons__list"
+  }, shareButtonTypes.map((type) => showTypes[type] && /* @__PURE__ */ React.createElement(ShareButtons__item, {
+    key: type,
+    type,
+    label: buttonLabel || "",
+    href: docMeta.hrefs[type]
+  }))));
+};
+var ShareButtons_default = ShareButtons;
+export {
+  ShareButtons_default as default
+};

package/lib/Sharpie.cjs

@@ -0,0 +1,51 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Sharpie_exports = {};
+__export(Sharpie_exports, {
+  default: () => Sharpie_default
+});
+module.exports = __toCommonJS(Sharpie_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const colors = {
+  green: 1,
+  red: 1
+};
+const tags = {
+  span: 1,
+  strong: 1,
+  em: 1,
+  b: 1,
+  i: 1,
+  u: 1,
+  s: 1
+};
+const Sharpie = (props) => {
+  const { color, tag, children } = props;
+  const colorModifier = colors[color] ? color : "green";
+  const Tag = tag && tags[tag] ? tag : "span";
+  return /* @__PURE__ */ import_react.default.createElement(Tag, {
+    className: (0, import_getBemClass.default)("Sharpie", colorModifier)
+  }, children);
+};
+var Sharpie_default = Sharpie;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Sharpie.mjs

@@ -0,0 +1,27 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const colors = {
+  green: 1,
+  red: 1
+};
+const tags = {
+  span: 1,
+  strong: 1,
+  em: 1,
+  b: 1,
+  i: 1,
+  u: 1,
+  s: 1
+};
+const Sharpie = (props) => {
+  const { color, tag, children } = props;
+  const colorModifier = colors[color] ? color : "green";
+  const Tag = tag && tags[tag] ? tag : "span";
+  return /* @__PURE__ */ React.createElement(Tag, {
+    className: getBemClass("Sharpie", colorModifier)
+  }, children);
+};
+var Sharpie_default = Sharpie;
+export {
+  Sharpie_default as default
+};