@mintlify/components 0.4.5 → 0.4.7

package/dist/components/badge/badge.js

@@ -1,52 +1,44 @@
-import { jsxs as p, jsx as g } from "react/jsx-runtime";
-import { cn as f } from "../../utils/cn.js";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn.js";
 /* empty css          */
-import { Icon as l } from "../icon/icon.js";
+import { Icon as o } from "../icon/icon.js";
 function y({
-  children: d,
+  children: n,
   color: e = "gray",
-  shape: m = "rounded",
-  size: a = "md",
-  stroke: r = !1,
+  shape: g = "rounded",
+  size: t = "md",
+  stroke: p = !1,
   disabled: s = !1,
-  icon: t,
-  iconType: n,
-  iconLibrary: i,
-  className: c
+  icon: a,
+  className: c,
+  ...i
 }) {
-  const o = typeof t == "string" ? /* @__PURE__ */ g(
-    l,
-    {
-      icon: t,
-      iconType: n,
-      iconLibrary: i,
-      className: "mt-badge-icon",
-      size: b[a]
-    }
-  ) : t;
-  return /* @__PURE__ */ p(
+  const d = typeof a == "string" ? /* @__PURE__ */ m(o, { icon: a, className: "mt-badge-icon", size: r[t] }) : a && typeof a == "object" && "icon" in a ? /* @__PURE__ */ m(o, { ...a, className: "mt-badge-icon", size: r[t] }) : a;
+  return /* @__PURE__ */ l(
     "span",
     {
-      "data-shape": m,
-      "data-stroke": r,
+      "data-slot": "badge",
+      "data-shape": g,
+      "data-stroke": p,
       "data-disabled": s,
       "data-color": e,
-      "data-size": a,
+      "data-size": t,
       "aria-disabled": s,
-      className: f(
+      className: b(
         "mt-badge",
         `mt-badge-${e}`,
-        `mt-badge-${a}`,
+        `mt-badge-${t}`,
         c
       ),
+      ...i,
       children: [
-        !!o && o,
-        d
+        !!d && d,
+        n
       ]
     }
   );
 }
-const b = {
+const r = {
   xs: 12,
   sm: 14,
   md: 16,

package/dist/components/callout/callout.css

@@ -0,0 +1 @@
+.mt-callout{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;border-width:1px;border-style:solid;margin:1rem 0;background-color:var(--callout-bg, rgb(250 250 250 / 50%));border-color:var(--callout-border, rgb(113 113 122 / 20%));color:var(--callout-text, rgb(24 24 27));--callout-icon-color: rgb(161 161 170)}:is(.dark,.dark-theme) .mt-callout{background-color:var(--callout-bg, rgb(113 113 122 / 10%));border-color:var(--callout-border, rgb(113 113 122 / 30%));color:var(--callout-text, rgb(228 228 231));--callout-icon-color: rgb(212 212 216)}.mt-callout-icon-wrapper{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.125rem}.mt-callout-icon{color:var(--callout-icon-color)}.mt-callout-content{flex:1;min-width:0;font-size:.875rem;line-height:1.5}.mt-callout-body{color:var(--callout-text)}:is(.dark,.dark-theme) .mt-callout-custom .mt-callout-body{color:var(--dark-callout-text)}.mt-callout-info{--callout-bg: rgb(250 250 250 / 50%);--callout-border: rgb(113 113 122 / 20%);--callout-text: rgb(24 24 27);--callout-icon-color: rgb(161 161 170)}:is(.dark,.dark-theme) .mt-callout-info{--callout-bg: rgb(113 113 122 / 10%);--callout-border: rgb(113 113 122 / 30%);--callout-text: rgb(228 228 231);--callout-icon-color: rgb(212 212 216)}.mt-callout-warning{--callout-bg: rgb(255 251 235 / 50%);--callout-border: rgb(245 158 11 / 20%);--callout-text: rgb(120 53 15);--callout-icon-color: rgb(251 191 36)}:is(.dark,.dark-theme) .mt-callout-warning{--callout-bg: rgb(245 158 11 / 10%);--callout-border: rgb(245 158 11 / 30%);--callout-text: rgb(253 230 138);--callout-icon-color: rgb(252 211 77 / 80%)}.mt-callout-success{--callout-bg: rgb(236 253 245 / 50%);--callout-border: rgb(16 185 129 / 20%);--callout-text: rgb(6 78 59);--callout-icon-color: rgb(22 163 74)}:is(.dark,.dark-theme) .mt-callout-success{--callout-bg: rgb(16 185 129 / 10%);--callout-border: rgb(16 185 129 / 30%);--callout-text: rgb(167 243 208);--callout-icon-color: rgb(74 222 128 / 80%)}.mt-callout-danger{--callout-bg: rgb(254 242 242 / 50%);--callout-border: rgb(239 68 68 / 20%);--callout-text: rgb(127 29 29);--callout-icon-color: rgb(220 38 38)}:is(.dark,.dark-theme) .mt-callout-danger{--callout-bg: rgb(239 68 68 / 10%);--callout-border: rgb(239 68 68 / 30%);--callout-text: rgb(252 165 165);--callout-icon-color: rgb(248 113 113 / 80%)}.mt-callout-note{--callout-bg: rgb(240 249 255 / 50%);--callout-border: rgb(14 165 233 / 20%);--callout-text: rgb(12 74 110);--callout-icon-color: rgb(14 165 233)}:is(.dark,.dark-theme) .mt-callout-note{--callout-bg: rgb(14 165 233 / 10%);--callout-border: rgb(14 165 233 / 30%);--callout-text: rgb(186 230 253);--callout-icon-color: rgb(14 165 233)}.mt-callout-tip{--callout-bg: rgb(236 253 245 / 50%);--callout-border: rgb(16 185 129 / 20%);--callout-text: rgb(6 78 59);--callout-icon-color: rgb(5 150 105)}:is(.dark,.dark-theme) .mt-callout-tip{--callout-bg: rgb(16 185 129 / 10%);--callout-border: rgb(16 185 129 / 30%);--callout-text: rgb(167 243 208);--callout-icon-color: rgb(52 211 153 / 80%)}

package/dist/components/callout/callout.js

@@ -0,0 +1,139 @@
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
+import b from "color";
+/* empty css            */
+import { Icon as r } from "../icon/icon.js";
+function d({
+  children: n,
+  variant: o,
+  color: t,
+  className: c,
+  style: a,
+  ...u
+}) {
+  let s = {};
+  if (t) {
+    const e = b(t), i = e.isDark(), f = e.lighten(0.5), C = e.darken(0.5);
+    s = {
+      borderColor: `${t}33`,
+      backgroundColor: `${t}1a`,
+      "--callout-border": i ? `${t}66` : `${t}4d`,
+      "--callout-bg": i ? `${t}4d` : `${t}1a`,
+      "--callout-text": C.hex(),
+      "--callout-icon-color": t,
+      "--dark-callout-text": f.hex()
+    };
+  }
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "callout",
+      "data-variant": o,
+      className: m(
+        "mt-callout",
+        o && `mt-callout-${o}`,
+        t && "mt-callout-custom",
+        c
+      ),
+      role: "note",
+      "aria-label": o ? `${o} callout` : "callout",
+      style: { ...s, ...a },
+      ...u,
+      children: n
+    }
+  );
+}
+function p({
+  children: n,
+  icon: o,
+  className: t,
+  ...c
+}) {
+  const a = n || (typeof o == "string" ? /* @__PURE__ */ l(r, { icon: o, className: "mt-callout-icon", size: 16 }) : o && typeof o == "object" && "icon" in o ? /* @__PURE__ */ l(r, { ...o, className: "mt-callout-icon", size: 16 }) : null);
+  return /* @__PURE__ */ l("div", { className: m("mt-callout-icon-wrapper", t), ...c, children: a });
+}
+function g({
+  children: n,
+  className: o,
+  ...t
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "callout-content",
+      className: m("mt-callout-content", o),
+      ...t,
+      children: /* @__PURE__ */ l("div", { "data-slot": "callout-content-body", className: "mt-callout-body", children: n })
+    }
+  );
+}
+function x({
+  children: n,
+  variant: o,
+  icon: t,
+  color: c,
+  className: a,
+  style: u,
+  ...s
+}) {
+  const e = o ? h(o) : null, i = typeof t == "string" ? /* @__PURE__ */ l(r, { icon: t, className: "mt-callout-icon", size: 16 }) : t && typeof t == "object" && "icon" in t ? /* @__PURE__ */ l(r, { ...t, className: "mt-callout-icon", size: 16 }) : t !== void 0 ? t : e ? /* @__PURE__ */ l(
+    r,
+    {
+      icon: e.icon,
+      className: "mt-callout-icon",
+      size: 16,
+      iconType: e.iconType
+    }
+  ) : null;
+  return /* @__PURE__ */ y(
+    d,
+    {
+      "data-slot": "callout-root",
+      variant: o,
+      color: c,
+      className: a,
+      style: u,
+      ...s,
+      children: [
+        i && /* @__PURE__ */ l(p, { children: i }),
+        /* @__PURE__ */ l(g, { children: n })
+      ]
+    }
+  );
+}
+function h(n) {
+  return {
+    info: {
+      icon: "circle-info",
+      iconType: "regular"
+    },
+    warning: {
+      icon: "triangle-exclamation",
+      iconType: "regular"
+    },
+    success: {
+      icon: "check",
+      iconType: "regular"
+    },
+    danger: {
+      icon: "hexagon-exclamation",
+      iconType: "regular"
+    },
+    note: {
+      icon: "circle-exclamation",
+      iconType: "regular"
+    },
+    tip: {
+      icon: "lightbulb",
+      iconType: "regular"
+    }
+  }[n];
+}
+const j = Object.assign(x, {
+  Root: d,
+  Icon: p,
+  Content: g
+});
+export {
+  j as Callout
+};

package/dist/components/icon/icon.js

@@ -1,32 +1,109 @@
-import { jsx as m } from "react/jsx-runtime";
-import { BaseIcon as c } from "./base-icon.js";
-/* empty css         */
-function d({
-  icon: i,
-  iconType: o,
-  iconLibrary: r,
-  color: n,
-  size: t = 16,
-  className: e,
-  style: l
+import { jsx as u } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
+import { isAbsoluteUrl as c } from "../../utils/isAbsoluteUrl.js";
+import { MINTLIFY_ICONS_CDN_URL as o } from "../../constants/index.js";
+import { FONT_AWESOME_BRANDS as f } from "../../constants/font-awesome-brands.js";
+import { IS_DEV as $ } from "../../constants/env.js";
+function N({
+  icon: t,
+  iconType: r,
+  iconLibrary: s,
+  color: a,
+  size: e = 16,
+  className: n,
+  style: i,
+  ...l
 }) {
-  return /* @__PURE__ */ m(
-    c,
+  if (r && !d.includes(r))
+    return $ && console.warn(
+      `Invalid iconType ${r} expected a string equal to one of: ${d.join(
+        ", "
+      )}`
+    ), null;
+  if (typeof t == "string" && (c(t) || t.startsWith("/"))) {
+    if (t.startsWith(o) || t.startsWith("https://mintlify.b-cdn.net")) {
+      const k = l;
+      return /* @__PURE__ */ u(
+        "svg",
+        {
+          className: m("mt-icon", n),
+          style: {
+            WebkitMaskImage: `url(${t})`,
+            WebkitMaskRepeat: "no-repeat",
+            WebkitMaskPosition: "center",
+            maskImage: `url(${t})`,
+            maskRepeat: "no-repeat",
+            maskPosition: "center",
+            maskSize: "100%",
+            backgroundColor: a || "currentColor",
+            width: e,
+            height: e,
+            ...i
+          },
+          ...k
+        }
+      );
+    }
+    const h = l;
+    return /* @__PURE__ */ u(
+      "img",
+      {
+        src: t,
+        alt: t,
+        className: m("mt-icon", n),
+        style: {
+          width: e,
+          height: e,
+          ...i
+        },
+        ...h
+      }
+    );
+  }
+  const g = v(t.toLowerCase(), r, s), p = l;
+  return /* @__PURE__ */ u(
+    "svg",
     {
-      icon: i,
-      iconType: o,
-      iconLibrary: r,
-      color: n,
-      size: t,
-      className: e,
+      className: m("mt-icon", n),
       style: {
-        display: "inline-block",
-        verticalAlign: "middle",
-        ...l
-      }
+        WebkitMaskImage: `url(${g})`,
+        WebkitMaskRepeat: "no-repeat",
+        WebkitMaskPosition: "center",
+        maskImage: `url(${g})`,
+        maskRepeat: "no-repeat",
+        maskPosition: "center",
+        maskSize: s === "lucide" ? "100%" : void 0,
+        backgroundColor: a || "currentColor",
+        width: e,
+        height: e,
+        ...i
+      },
+      ...p
     }
   );
 }
+function b(t) {
+  return t ? f.includes(t.toLowerCase()) : !1;
+}
+function v(t, r, s) {
+  return b(t) ? `${o}/v7.1.0/brands/${t}.svg` : s === "lucide" ? `${o}/lucide/v0.545.0/${t}.svg` : `${o}/v7.1.0/${r ?? "regular"}/${t}.svg`;
+}
+const R = ["fontawesome", "lucide"], d = [
+  "brands",
+  "duotone",
+  "light",
+  "regular",
+  "sharp-duotone-solid",
+  "sharp-light",
+  "sharp-regular",
+  "sharp-solid",
+  "sharp-thin",
+  "solid",
+  "thin"
+];
 export {
-  d as Icon
+  N as Icon,
+  v as getIconUrl,
+  R as iconLibraries,
+  d as iconTypes
 };

package/dist/constants/env.js

@@ -0,0 +1,4 @@
+const e = process.env.NODE_ENV === "development";
+export {
+  e as IS_DEV
+};

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 import { CSSProperties } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { SVGAttributes } from 'react';
 
-export declare function Badge({ children, color, shape, size, stroke, disabled, icon, iconType, iconLibrary, className, }: BadgeProps): JSX_2.Element;
+export declare function Badge({ children, color, shape, size, stroke, disabled, icon, className, ...props }: BadgeProps): JSX_2.Element;
 
-export declare interface BadgeProps {
+export declare interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
     /**
      * @default "gray"
      */
@@ -29,62 +31,74 @@ export declare interface BadgeProps {
      */
     disabled?: boolean;
     /**
-     * Optional icon before content. String (icon name) or React node.
-     * see {@link Icon} for available icon sets.
-     * @example
-     * ```tsx
-     * <Badge icon="check" iconType="lucide">Verified</Badge>
-     * ```
+     * Icon before content. String (icon name) or IconProps object.
+     * @see {@link IconProps}
      */
-    icon?: ReactNode | string;
-    /**
-     * Icon set type when `icon` is a string.
-     * @see {@link IconType}
-     */
-    iconType?: IconType;
-    /**
-     * Icon library when `icon` is a string.
-     * @see {@link IconLibrary}
-     */
-    iconLibrary?: IconLibrary;
+    icon?: IconProp;
     className?: string;
     children: ReactNode;
 }
 
-export declare function BaseIcon({ icon, iconType, iconLibrary, color, size, className, style, }: BaseIconProps): JSX_2.Element | null;
+export declare const Callout: typeof CalloutComponent & {
+    Root: typeof CalloutRoot;
+    Icon: typeof CalloutIcon;
+    Content: typeof CalloutContent;
+};
+
+declare function CalloutComponent({ children, variant, icon, color, className, style, ...props }: CalloutProps): JSX_2.Element;
 
-export declare interface BaseIconProps {
-    /**
-     * Icon name or custom URL.
-     * Supports Font Awesome icons, Lucide icons, or any custom URL.
-     */
-    icon: string;
+declare function CalloutContent({ children, className, ...props }: CalloutContentProps): JSX_2.Element;
+
+export declare interface CalloutContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+
+declare function CalloutIcon({ children, icon, className, ...props }: CalloutIconProps): JSX_2.Element;
+
+export declare interface CalloutIconProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
     /**
-     * Icon style variant.
-     * @default "regular"
-     * @see {@link IconType}
+     * Icon before content. String (icon name) or IconProps object.
+     * @see {@link IconProp}
      */
-    iconType?: IconType;
+    icon?: string | Omit<IconProps, "size" | "className" | "style">;
+    className?: string;
+}
+
+export declare interface CalloutProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Icon library to use.
-     * @default "fontawesome"
-     * @see {@link IconLibrary}
+     * Callout variant.
+     * @see {@link CalloutVariant}
      */
-    iconLibrary?: IconLibrary;
+    variant?: CalloutVariant;
     /**
-     * Icon color.
-     * @default "currentColor"
+     * Icon before content. String (icon name) or IconProps object.
+     * @see {@link IconProp}
      */
+    icon?: IconProp;
     color?: string;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+
+declare function CalloutRoot({ children, variant, color, className, style, ...props }: CalloutRootProps): JSX_2.Element;
+
+export declare interface CalloutRootProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Icon size in pixels.
-     * @default 16
+     * Callout variant.
+     * @see {@link CalloutVariant}
      */
-    size?: number;
+    variant?: CalloutVariant;
+    color?: string;
+    children: ReactNode;
     className?: string;
     style?: CSSProperties;
 }
 
+export declare type CalloutVariant = "info" | "warning" | "success" | "danger" | "note" | "tip";
+
 export declare const colors: {
     "base-white": string;
     "base-dark-1": string;
@@ -421,17 +435,41 @@ export { focus_2 as focus }
 
 export declare function getIconUrl(icon: string, iconType?: IconType, iconLibrary?: IconLibrary): string;
 
-export declare function Icon({ icon, iconType, iconLibrary, color, size, className, style, }: IconProps): JSX_2.Element;
+export declare function Icon({ icon, iconType, iconLibrary, color, size, className, style, ...props }: IconProps): JSX_2.Element | null;
 
 export declare const iconLibraries: readonly ["fontawesome", "lucide"];
 
 export declare type IconLibrary = "fontawesome" | "lucide";
 
-export declare interface IconProps {
+declare type IconProp = ReactNode | string | Omit<IconProps, "size" | "className" | "style">;
+
+export declare interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, "color"> {
+    /**
+     * Icon name or custom URL.
+     * Supports Font Awesome icons, Lucide icons, or any custom URL.
+     */
     icon: string;
+    /**
+     * Icon style variant.
+     * @default "regular"
+     * @see {@link IconType}
+     */
     iconType?: IconType;
+    /**
+     * Icon library to use.
+     * @default "fontawesome"
+     * @see {@link IconLibrary}
+     */
     iconLibrary?: IconLibrary;
+    /**
+     * Icon color.
+     * @default "currentColor"
+     */
     color?: string;
+    /**
+     * Icon size in pixels.
+     * @default 16
+     */
     size?: number;
     className?: string;
     style?: CSSProperties;

package/dist/index.js

@@ -1,17 +1,17 @@
 /* empty css           */
 import { Badge as s } from "./components/badge/badge.js";
-import { Icon as n } from "./components/icon/icon.js";
-import { BaseIcon as p, getIconUrl as t, iconLibraries as f, iconTypes as m } from "./components/icon/base-icon.js";
-import { colors as x, designTokens as d, focus as g, shadows as I } from "./styles/design-tokens.js";
+import { Callout as c } from "./components/callout/callout.js";
+import { Icon as n, getIconUrl as p, iconLibraries as f, iconTypes as m } from "./components/icon/icon.js";
+import { colors as l, designTokens as x, focus as d, shadows as g } from "./styles/design-tokens.js";
 export {
   s as Badge,
-  p as BaseIcon,
+  c as Callout,
   n as Icon,
-  x as colors,
-  d as designTokens,
-  g as focus,
-  t as getIconUrl,
+  l as colors,
+  x as designTokens,
+  d as focus,
+  p as getIconUrl,
   f as iconLibraries,
   m as iconTypes,
-  I as shadows
+  g as shadows
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/components",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "Mintlify Headless UI components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -61,12 +61,14 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "clsx": "^2.1.1"
+    "clsx": "^2.1.1",
+    "color": "^5.0.3"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^10.0.8",
     "@storybook/react-vite": "^10.0.8",
     "@tailwindcss/postcss": "^4.1.17",
+    "@types/color": "^3.0.6",
     "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",

package/dist/components/icon/base-icon.js

@@ -1,98 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cn as u } from "../../utils/cn.js";
-import { isAbsoluteUrl as g } from "../../utils/isAbsoluteUrl.js";
-import { MINTLIFY_ICONS_CDN_URL as a } from "../../constants/index.js";
-import { FONT_AWESOME_BRANDS as p } from "../../constants/font-awesome-brands.js";
-function v({
-  icon: t,
-  iconType: e,
-  iconLibrary: s,
-  color: o,
-  size: r = 16,
-  className: n,
-  style: i
-}) {
-  if (e && !d.includes(e))
-    return console.warn(
-      `Invalid iconType ${e} expected a string equal to one of: ${d.join(
-        ", "
-      )}`
-    ), null;
-  if (typeof t == "string" && (g(t) || t.startsWith("/")))
-    return t.startsWith(a) || t.startsWith("https://mintlify.b-cdn.net") ? /* @__PURE__ */ l(
-      "svg",
-      {
-        className: u("mt-icon", n),
-        style: {
-          WebkitMaskImage: `url(${t})`,
-          WebkitMaskRepeat: "no-repeat",
-          WebkitMaskPosition: "center",
-          maskImage: `url(${t})`,
-          maskRepeat: "no-repeat",
-          maskPosition: "center",
-          maskSize: "100%",
-          backgroundColor: o || "currentColor",
-          width: r,
-          height: r,
-          ...i
-        }
-      }
-    ) : /* @__PURE__ */ l(
-      "img",
-      {
-        src: t,
-        alt: t,
-        className: u("mt-icon", n),
-        style: {
-          width: r,
-          height: r,
-          ...i
-        }
-      }
-    );
-  const m = k(t.toLowerCase(), e, s);
-  return /* @__PURE__ */ l(
-    "svg",
-    {
-      className: u("mt-icon", n),
-      style: {
-        WebkitMaskImage: `url(${m})`,
-        WebkitMaskRepeat: "no-repeat",
-        WebkitMaskPosition: "center",
-        maskImage: `url(${m})`,
-        maskRepeat: "no-repeat",
-        maskPosition: "center",
-        maskSize: s === "lucide" ? "100%" : void 0,
-        backgroundColor: o || "currentColor",
-        width: r,
-        height: r,
-        ...i
-      }
-    }
-  );
-}
-function h(t) {
-  return t ? p.includes(t.toLowerCase()) : !1;
-}
-function k(t, e, s) {
-  return h(t) ? `${a}/v7.1.0/brands/${t}.svg` : s === "lucide" ? `${a}/lucide/v0.545.0/${t}.svg` : `${a}/v7.1.0/${e ?? "regular"}/${t}.svg`;
-}
-const W = ["fontawesome", "lucide"], d = [
-  "brands",
-  "duotone",
-  "light",
-  "regular",
-  "sharp-duotone-solid",
-  "sharp-light",
-  "sharp-regular",
-  "sharp-solid",
-  "sharp-thin",
-  "solid",
-  "thin"
-];
-export {
-  v as BaseIcon,
-  k as getIconUrl,
-  W as iconLibraries,
-  d as iconTypes
-};

package/dist/components/icon/icon.css

@@ -1 +0,0 @@
-.mt-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}