sherick-ui 1.0.1 → 1.0.2

package/dist/index.cjs.js

@@ -61,14 +61,14 @@ function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
     r,
-    i = _objectWithoutPropertiesLoose$1(e, t);
+    i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$1(r, e) {
+function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -2792,6 +2792,18 @@ const Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "
  */
 
 
+const ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+
+/**
+ * @license lucide-react v0.390.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
 const CircleAlert = createLucideIcon("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
@@ -2872,6 +2884,19 @@ const LoaderCircle = createLucideIcon("LoaderCircle", [
  */
 
 
+const Search$1 = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+
+/**
+ * @license lucide-react v0.390.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
 const X = createLucideIcon("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
@@ -2900,11 +2925,11 @@ var loaderVariants = cva("animate-spin text-primary", {
     size: "medium"
   }
 });
-function Spinner(_a) {
-  var size = _a.size,
-    show = _a.show,
-    children = _a.children,
-    className = _a.className;
+function Spinner(_ref) {
+  var size = _ref.size,
+    show = _ref.show,
+    children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React$1.createElement("span", {
     className: spinnerVariants({
       show: show
@@ -2916,7 +2941,7 @@ function Spinner(_a) {
   }), children);
 }
 
-var _excluded$9 = ["children", "variant", "icon", "className", "loading", "onClick"];
+var _excluded$a = ["children", "variant", "icon", "className", "loading", "onClick"];
 var ActionButton = function ActionButton(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
@@ -2926,7 +2951,7 @@ var ActionButton = function ActionButton(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$a);
   return /*#__PURE__*/React.createElement("button", _extends({}, props, {
     className: cn("px-6 py-4 rounded-4xl bg-opacity-20 hover:bg-opacity-40 transition-all flex items-center justify-center", (styleMap$2 === null || styleMap$2 === void 0 ? void 0 : styleMap$2[variant]) || styleMap$2["primary"], loading ? "cursor-not-allowed opacity-60" : "cursor-pointer", className),
     onClick: onClick
@@ -2938,66 +2963,7 @@ var ActionButton = function ActionButton(_ref) {
   }) : null, children);
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var _excluded$W = ["color"];
-var ChevronDownIcon = /*#__PURE__*/React$1.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
-
-  return React$1.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React$1.createElement("path", {
-    d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-
-var _excluded$33 = ["color"];
-var MagnifyingGlassIcon = /*#__PURE__*/React$1.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$33);
-
-  return React$1.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React$1.createElement("path", {
-    d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-
-var _excluded$8 = ["options", "variant", "onSelect", "selected", "className"];
+var _excluded$9 = ["options", "variant", "onSelect", "selected", "className"];
 var Dropdown = function Dropdown(_ref) {
   var options = _ref.options,
     _ref$variant = _ref.variant,
@@ -3005,7 +2971,7 @@ var Dropdown = function Dropdown(_ref) {
     onSelect = _ref.onSelect,
     selected = _ref.selected,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$9);
   var _useState = React$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -3029,7 +2995,7 @@ var Dropdown = function Dropdown(_ref) {
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     }
-  }, selected || "Select an option", /*#__PURE__*/React.createElement(ChevronDownIcon, {
+  }, selected || "Select an option", /*#__PURE__*/React.createElement(ChevronDown, {
     className: cn("w-5 h-5 ml-2", isOpen ? "transform rotate-180" : "")
   })), isOpen && /*#__PURE__*/React.createElement("div", {
     className: cn("absolute z-30 backdrop-blur-lg w-full p-2 mt-2 origin-top-right rounded-3xl bg-opacity-20 shadow-lg ring-1 ring-black ring-opacity-5 border border-opacity-30", (bgMap === null || bgMap === void 0 ? void 0 : bgMap[variant]) || bgMap["primary"]),
@@ -3059,7 +3025,7 @@ var Dropdown = function Dropdown(_ref) {
   }));
 };
 
-var _excluded$7 = ["onSearch", "variant", "className", "loading"];
+var _excluded$8 = ["onSearch", "variant", "className", "loading"];
 var _this = undefined;
 var Search = function Search(_ref) {
   var onSearch = _ref.onSearch,
@@ -3068,7 +3034,7 @@ var Search = function Search(_ref) {
     className = _ref.className,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   var inputRef = React$1.useRef(null);
   var debounce = function debounce(func, delay) {
     var timer;
@@ -3102,12 +3068,12 @@ var Search = function Search(_ref) {
     className: cn("absolute right-0 px-4 py-4 rounded-4xl bg-gray-400 bg-opacity-0 hover:bg-opacity-10 transition-all", loading ? "cursor-not-allowed opacity-60" : "cursor-pointer")
   }, loading ? /*#__PURE__*/React.createElement(Spinner, {
     className: "w-6 h-6"
-  }) : /*#__PURE__*/React.createElement(MagnifyingGlassIcon, {
+  }) : /*#__PURE__*/React.createElement(Search$1, {
     className: "w-6 h-6"
   })));
 };
 
-var _excluded$6 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
+var _excluded$7 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
 var Input = function Input(_ref) {
   var placeholder = _ref.placeholder,
     label = _ref.label,
@@ -3116,7 +3082,7 @@ var Input = function Input(_ref) {
     className = _ref.className,
     required = _ref.required,
     error = _ref.error,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   var _useState = React$1.useState(defaultValue || ""),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -4759,7 +4725,7 @@ function requireImage () {
 var imageExports = requireImage();
 var NextImage = /*@__PURE__*/getDefaultExportFromCjs(imageExports);
 
-var _excluded$5 = ["src", "alt", "size", "className"];
+var _excluded$6 = ["src", "alt", "size", "className"];
 var sizeMap = {
   sm: {
     element: 32,
@@ -4781,7 +4747,7 @@ var Avatar = function Avatar(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   return /*#__PURE__*/React.createElement("div", {
     className: cn("rounded-4xl overflow-hidden", ((_sizeMap$size = sizeMap[size]) === null || _sizeMap$size === void 0 ? void 0 : _sizeMap$size.styles) || ((_sizeMap$md = sizeMap["md"]) === null || _sizeMap$md === void 0 ? void 0 : _sizeMap$md.styles), className)
   }, /*#__PURE__*/React.createElement(NextImage, _extends({
@@ -4793,7 +4759,7 @@ var Avatar = function Avatar(_ref) {
   }, props)));
 };
 
-var _excluded$4 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
+var _excluded$5 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
 var Textarea = function Textarea(_ref) {
   var placeholder = _ref.placeholder,
     label = _ref.label,
@@ -4802,7 +4768,7 @@ var Textarea = function Textarea(_ref) {
     className = _ref.className,
     required = _ref.required,
     error = _ref.error,
-    props = _objectWithoutProperties(_ref, _excluded$4);
+    props = _objectWithoutProperties(_ref, _excluded$5);
   var textareaRef = React$1.useRef(null);
   React$1.useEffect(function () {
     if (defaultValue && textareaRef.current) textareaRef.current.value = defaultValue;
@@ -4823,12 +4789,12 @@ var Textarea = function Textarea(_ref) {
   }));
 };
 
-var _excluded$3 = ["children", "content", "className"];
+var _excluded$4 = ["children", "content", "className"];
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
     content = _ref.content,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var id = React$1.useId();
   var _useState = React$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4858,25 +4824,25 @@ var Tooltip = function Tooltip(_ref) {
   }, content));
 };
 
-var ModalContent = function ModalContent(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalContent = function ModalContent(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 py-4 text-gray-300", className)
   }, children);
 };
 
-var ModalFooter = function ModalFooter(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalFooter = function ModalFooter(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 py-4 mt-auto", "border-t border-gray-700/50", "flex items-center justify-end gap-3", className)
   }, children);
 };
 
-var ModalHeader = function ModalHeader(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalHeader = function ModalHeader(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 pt-6 pb-4", className)
   }, /*#__PURE__*/React.createElement("div", {
@@ -4884,30 +4850,31 @@ var ModalHeader = function ModalHeader(_a) {
   }, children));
 };
 
-function Modal(_a) {
-  var children = _a.children,
-    open = _a.open,
-    onClose = _a.onClose,
-    className = _a.className;
+function Modal(_ref) {
+  var children = _ref.children,
+    open = _ref.open,
+    onClose = _ref.onClose,
+    className = _ref.className;
   var modalRef = React$1.useRef(null);
   var previouslyFocusedElement = React$1.useRef(null);
   React$1.useEffect(function () {
-    var _a;
     if (open) {
+      var _modalRef$current;
       previouslyFocusedElement.current = document.activeElement;
       document.body.style.overflow = "hidden";
-      var handleKeyDown_1 = function handleKeyDown_1(event) {
+      var handleKeyDown = function handleKeyDown(event) {
         if (event.key === "Escape") {
           onClose();
         }
       };
-      document.addEventListener("keydown", handleKeyDown_1);
-      (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus(); // Ensure the modal gets focus.
+      document.addEventListener("keydown", handleKeyDown);
+      (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || _modalRef$current.focus(); // Ensure the modal gets focus.
+
       return function () {
-        var _a;
-        document.removeEventListener("keydown", handleKeyDown_1);
+        var _previouslyFocusedEle;
+        document.removeEventListener("keydown", handleKeyDown);
         document.body.style.overflow = "unset";
-        (_a = previouslyFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus(); // Restore focus.
+        (_previouslyFocusedEle = previouslyFocusedElement.current) === null || _previouslyFocusedEle === void 0 || _previouslyFocusedEle.focus(); // Restore focus.
       };
     }
   }, [open, onClose]);
@@ -4946,14 +4913,14 @@ Modal.Header = ModalHeader;
 Modal.Content = ModalContent;
 Modal.Footer = ModalFooter;
 
-var _excluded$2 = ["children", "variant", "icon", "className"];
+var _excluded$3 = ["children", "variant", "icon", "className"];
 var Badge = function Badge(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "primary" : _ref$variant,
     icon = _ref.icon,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: cn("px-2 py-2 rounded-4xl bg-opacity-20 hover:bg-opacity-40 transition-all flex items-center justify-center text-xs font-semibold", className, (styleMap$2 === null || styleMap$2 === void 0 ? void 0 : styleMap$2[variant]) || styleMap$2["primary"])
   }), icon && /*#__PURE__*/React.createElement("span", {
@@ -4961,40 +4928,6 @@ var Badge = function Badge(_ref) {
   }, icon), children);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function ok$1() {}
 
 function unreachable() {}
@@ -69035,13 +68968,13 @@ var theme = {
   }]
 };
 
-var _excluded$1 = ["inline", "className", "language", "children"];
+var _excluded$2 = ["inline", "className", "language", "children"];
 var CodeBlock = function CodeBlock(_ref) {
   var inline = _ref.inline;
     _ref.className;
     var language = _ref.language,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    rest = _objectWithoutProperties(_ref, _excluded$2);
   var _useState = React$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     copied = _useState2[0],
@@ -69109,16 +69042,17 @@ var CodeBlock = function CodeBlock(_ref) {
   }));
 };
 
-var Markdown = function Markdown(_a) {
-  var children = _a.children;
+var _excluded$1 = ["node", "inline", "className", "children"];
+var Markdown = function Markdown(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement(Markdown$1, {
     components: {
-      code: function code(_a) {
-        _a.node;
-          var inline = _a.inline,
-          className = _a.className,
-          children = _a.children;
-          __rest(_a, ["node", "inline", "className", "children"]);
+      code: function code(_ref2) {
+        _ref2.node;
+          var inline = _ref2.inline,
+          className = _ref2.className,
+          children = _ref2.children;
+          _objectWithoutProperties(_ref2, _excluded$1);
         var match = /language-(\w+)/.exec(className || "");
         return /*#__PURE__*/React.createElement(CodeBlock, {
           inline: inline,

package/dist/index.esm.js

@@ -59,14 +59,14 @@ function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
     r,
-    i = _objectWithoutPropertiesLoose$1(e, t);
+    i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$1(r, e) {
+function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -2790,6 +2790,18 @@ const Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "
  */
 
 
+const ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+
+/**
+ * @license lucide-react v0.390.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
 const CircleAlert = createLucideIcon("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
@@ -2870,6 +2882,19 @@ const LoaderCircle = createLucideIcon("LoaderCircle", [
  */
 
 
+const Search$1 = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+
+/**
+ * @license lucide-react v0.390.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
 const X = createLucideIcon("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
@@ -2898,11 +2923,11 @@ var loaderVariants = cva("animate-spin text-primary", {
     size: "medium"
   }
 });
-function Spinner(_a) {
-  var size = _a.size,
-    show = _a.show,
-    children = _a.children,
-    className = _a.className;
+function Spinner(_ref) {
+  var size = _ref.size,
+    show = _ref.show,
+    children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React$1.createElement("span", {
     className: spinnerVariants({
       show: show
@@ -2914,7 +2939,7 @@ function Spinner(_a) {
   }), children);
 }
 
-var _excluded$9 = ["children", "variant", "icon", "className", "loading", "onClick"];
+var _excluded$a = ["children", "variant", "icon", "className", "loading", "onClick"];
 var ActionButton = function ActionButton(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
@@ -2924,7 +2949,7 @@ var ActionButton = function ActionButton(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$a);
   return /*#__PURE__*/React.createElement("button", _extends({}, props, {
     className: cn("px-6 py-4 rounded-4xl bg-opacity-20 hover:bg-opacity-40 transition-all flex items-center justify-center", (styleMap$2 === null || styleMap$2 === void 0 ? void 0 : styleMap$2[variant]) || styleMap$2["primary"], loading ? "cursor-not-allowed opacity-60" : "cursor-pointer", className),
     onClick: onClick
@@ -2936,66 +2961,7 @@ var ActionButton = function ActionButton(_ref) {
   }) : null, children);
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var _excluded$W = ["color"];
-var ChevronDownIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
-
-  return createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), createElement("path", {
-    d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-
-var _excluded$33 = ["color"];
-var MagnifyingGlassIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$33);
-
-  return createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), createElement("path", {
-    d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-});
-
-var _excluded$8 = ["options", "variant", "onSelect", "selected", "className"];
+var _excluded$9 = ["options", "variant", "onSelect", "selected", "className"];
 var Dropdown = function Dropdown(_ref) {
   var options = _ref.options,
     _ref$variant = _ref.variant,
@@ -3003,7 +2969,7 @@ var Dropdown = function Dropdown(_ref) {
     onSelect = _ref.onSelect,
     selected = _ref.selected,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$9);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -3027,7 +2993,7 @@ var Dropdown = function Dropdown(_ref) {
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     }
-  }, selected || "Select an option", /*#__PURE__*/React.createElement(ChevronDownIcon, {
+  }, selected || "Select an option", /*#__PURE__*/React.createElement(ChevronDown, {
     className: cn("w-5 h-5 ml-2", isOpen ? "transform rotate-180" : "")
   })), isOpen && /*#__PURE__*/React.createElement("div", {
     className: cn("absolute z-30 backdrop-blur-lg w-full p-2 mt-2 origin-top-right rounded-3xl bg-opacity-20 shadow-lg ring-1 ring-black ring-opacity-5 border border-opacity-30", (bgMap === null || bgMap === void 0 ? void 0 : bgMap[variant]) || bgMap["primary"]),
@@ -3057,7 +3023,7 @@ var Dropdown = function Dropdown(_ref) {
   }));
 };
 
-var _excluded$7 = ["onSearch", "variant", "className", "loading"];
+var _excluded$8 = ["onSearch", "variant", "className", "loading"];
 var _this = undefined;
 var Search = function Search(_ref) {
   var onSearch = _ref.onSearch,
@@ -3066,7 +3032,7 @@ var Search = function Search(_ref) {
     className = _ref.className,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   var inputRef = useRef(null);
   var debounce = function debounce(func, delay) {
     var timer;
@@ -3100,12 +3066,12 @@ var Search = function Search(_ref) {
     className: cn("absolute right-0 px-4 py-4 rounded-4xl bg-gray-400 bg-opacity-0 hover:bg-opacity-10 transition-all", loading ? "cursor-not-allowed opacity-60" : "cursor-pointer")
   }, loading ? /*#__PURE__*/React.createElement(Spinner, {
     className: "w-6 h-6"
-  }) : /*#__PURE__*/React.createElement(MagnifyingGlassIcon, {
+  }) : /*#__PURE__*/React.createElement(Search$1, {
     className: "w-6 h-6"
   })));
 };
 
-var _excluded$6 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
+var _excluded$7 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
 var Input = function Input(_ref) {
   var placeholder = _ref.placeholder,
     label = _ref.label,
@@ -3114,7 +3080,7 @@ var Input = function Input(_ref) {
     className = _ref.className,
     required = _ref.required,
     error = _ref.error,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   var _useState = useState(defaultValue || ""),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -4757,7 +4723,7 @@ function requireImage () {
 var imageExports = requireImage();
 var NextImage = /*@__PURE__*/getDefaultExportFromCjs(imageExports);
 
-var _excluded$5 = ["src", "alt", "size", "className"];
+var _excluded$6 = ["src", "alt", "size", "className"];
 var sizeMap = {
   sm: {
     element: 32,
@@ -4779,7 +4745,7 @@ var Avatar = function Avatar(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   return /*#__PURE__*/React.createElement("div", {
     className: cn("rounded-4xl overflow-hidden", ((_sizeMap$size = sizeMap[size]) === null || _sizeMap$size === void 0 ? void 0 : _sizeMap$size.styles) || ((_sizeMap$md = sizeMap["md"]) === null || _sizeMap$md === void 0 ? void 0 : _sizeMap$md.styles), className)
   }, /*#__PURE__*/React.createElement(NextImage, _extends({
@@ -4791,7 +4757,7 @@ var Avatar = function Avatar(_ref) {
   }, props)));
 };
 
-var _excluded$4 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
+var _excluded$5 = ["placeholder", "label", "onChange", "defaultValue", "className", "required", "error"];
 var Textarea = function Textarea(_ref) {
   var placeholder = _ref.placeholder,
     label = _ref.label,
@@ -4800,7 +4766,7 @@ var Textarea = function Textarea(_ref) {
     className = _ref.className,
     required = _ref.required,
     error = _ref.error,
-    props = _objectWithoutProperties(_ref, _excluded$4);
+    props = _objectWithoutProperties(_ref, _excluded$5);
   var textareaRef = useRef(null);
   useEffect(function () {
     if (defaultValue && textareaRef.current) textareaRef.current.value = defaultValue;
@@ -4821,12 +4787,12 @@ var Textarea = function Textarea(_ref) {
   }));
 };
 
-var _excluded$3 = ["children", "content", "className"];
+var _excluded$4 = ["children", "content", "className"];
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
     content = _ref.content,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var id = useId();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4856,25 +4822,25 @@ var Tooltip = function Tooltip(_ref) {
   }, content));
 };
 
-var ModalContent = function ModalContent(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalContent = function ModalContent(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 py-4 text-gray-300", className)
   }, children);
 };
 
-var ModalFooter = function ModalFooter(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalFooter = function ModalFooter(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 py-4 mt-auto", "border-t border-gray-700/50", "flex items-center justify-end gap-3", className)
   }, children);
 };
 
-var ModalHeader = function ModalHeader(_a) {
-  var children = _a.children,
-    className = _a.className;
+var ModalHeader = function ModalHeader(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     className: cn("px-6 pt-6 pb-4", className)
   }, /*#__PURE__*/React.createElement("div", {
@@ -4882,30 +4848,31 @@ var ModalHeader = function ModalHeader(_a) {
   }, children));
 };
 
-function Modal(_a) {
-  var children = _a.children,
-    open = _a.open,
-    onClose = _a.onClose,
-    className = _a.className;
+function Modal(_ref) {
+  var children = _ref.children,
+    open = _ref.open,
+    onClose = _ref.onClose,
+    className = _ref.className;
   var modalRef = useRef(null);
   var previouslyFocusedElement = useRef(null);
   useEffect(function () {
-    var _a;
     if (open) {
+      var _modalRef$current;
       previouslyFocusedElement.current = document.activeElement;
       document.body.style.overflow = "hidden";
-      var handleKeyDown_1 = function handleKeyDown_1(event) {
+      var handleKeyDown = function handleKeyDown(event) {
         if (event.key === "Escape") {
           onClose();
         }
       };
-      document.addEventListener("keydown", handleKeyDown_1);
-      (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus(); // Ensure the modal gets focus.
+      document.addEventListener("keydown", handleKeyDown);
+      (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || _modalRef$current.focus(); // Ensure the modal gets focus.
+
       return function () {
-        var _a;
-        document.removeEventListener("keydown", handleKeyDown_1);
+        var _previouslyFocusedEle;
+        document.removeEventListener("keydown", handleKeyDown);
         document.body.style.overflow = "unset";
-        (_a = previouslyFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus(); // Restore focus.
+        (_previouslyFocusedEle = previouslyFocusedElement.current) === null || _previouslyFocusedEle === void 0 || _previouslyFocusedEle.focus(); // Restore focus.
       };
     }
   }, [open, onClose]);
@@ -4944,14 +4911,14 @@ Modal.Header = ModalHeader;
 Modal.Content = ModalContent;
 Modal.Footer = ModalFooter;
 
-var _excluded$2 = ["children", "variant", "icon", "className"];
+var _excluded$3 = ["children", "variant", "icon", "className"];
 var Badge = function Badge(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "primary" : _ref$variant,
     icon = _ref.icon,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: cn("px-2 py-2 rounded-4xl bg-opacity-20 hover:bg-opacity-40 transition-all flex items-center justify-center text-xs font-semibold", className, (styleMap$2 === null || styleMap$2 === void 0 ? void 0 : styleMap$2[variant]) || styleMap$2["primary"])
   }), icon && /*#__PURE__*/React.createElement("span", {
@@ -4959,40 +4926,6 @@ var Badge = function Badge(_ref) {
   }, icon), children);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function ok$1() {}
 
 function unreachable() {}
@@ -69033,13 +68966,13 @@ var theme = {
   }]
 };
 
-var _excluded$1 = ["inline", "className", "language", "children"];
+var _excluded$2 = ["inline", "className", "language", "children"];
 var CodeBlock = function CodeBlock(_ref) {
   var inline = _ref.inline;
     _ref.className;
     var language = _ref.language,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    rest = _objectWithoutProperties(_ref, _excluded$2);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     copied = _useState2[0],
@@ -69107,16 +69040,17 @@ var CodeBlock = function CodeBlock(_ref) {
   }));
 };
 
-var Markdown = function Markdown(_a) {
-  var children = _a.children;
+var _excluded$1 = ["node", "inline", "className", "children"];
+var Markdown = function Markdown(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement(Markdown$1, {
     components: {
-      code: function code(_a) {
-        _a.node;
-          var inline = _a.inline,
-          className = _a.className,
-          children = _a.children;
-          __rest(_a, ["node", "inline", "className", "children"]);
+      code: function code(_ref2) {
+        _ref2.node;
+          var inline = _ref2.inline,
+          className = _ref2.className,
+          children = _ref2.children;
+          _objectWithoutProperties(_ref2, _excluded$1);
         var match = /language-(\w+)/.exec(className || "");
         return /*#__PURE__*/React.createElement(CodeBlock, {
           inline: inline,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sherick-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A collection of UI components for React inspired by Material Design.",
   "keywords": [
     "react",
@@ -9,6 +9,9 @@
     "material",
     "design"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -19,7 +22,6 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@radix-ui/react-icons": "^1.3.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.390.0",
@@ -30,8 +32,7 @@
     "rehype-katex": "^7.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
-    "tailwind-merge": "^2.3.0",
-    "tslib": "^2.8.1"
+    "tailwind-merge": "^2.3.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
@@ -57,6 +58,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "tailwindcss": "^3.4.1",
+    "tslib": "^2.8.1",
     "typescript": "^5"
   },
   "peerDependencies": {

package/dist/index.d.css

@@ -1,2 +0,0 @@
-code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
-/*# sourceMappingURL=index.d.css.map */

package/dist/index.d.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["prism-tomorrow.css"],"names":[],"mappings":"AAMA,6CAUC,gBAAiB,CAPjB,eAAgB,CADhB,UAAW,CAEX,6DAAsE,CACtE,aAAc,CAYd,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,YAAa,CATb,eAAgB,CAEhB,eAAgB,CAChB,aAAc,CACd,UAAW,CATX,eAAgB,CAChB,eAAgB,CAEhB,iBAAkB,CADlB,mBAcD,CAGA,sBAEC,aAAc,CACd,aAAc,CAFd,WAGD,CAEA,uDAEC,kBACD,CAGA,iCAEC,kBAAmB,CADnB,YAAa,CAEb,kBACD,CAEA,8EAKC,UACD,CAEA,mBACC,UACD,CAEA,4DAIC,aACD,CAEA,qBACC,aACD,CAEA,6CAGC,aACD,CAEA,gEAIC,aACD,CAEA,6EAKC,aACD,CAEA,yEAKC,aACD,CAEA,yCAGC,aACD,CAEA,6BAEC,eACD,CACA,cACC,iBACD,CAEA,cACC,WACD,CAEA,gBACC,WACD","file":"index.d.css","sourcesContent":["/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n"]}