mainbase-ui 1.2.5-b → 1.2.5

package/dist/index.cjs

@@ -38,6 +38,7 @@ __export(index_exports, {
   IconButton: () => IconButton,
   Image: () => Image,
   Input: () => Input,
+  Link: () => Link,
   MainbasePortalContext: () => MainbasePortalContext,
   MainbaseProvider: () => MainbaseProvider,
   Menu: () => Menu,
@@ -6258,8 +6259,32 @@ function Highlight({
   );
 }
 
-// src/components/Card/Card.tsx
+// src/components/Link/Link.tsx
+var import_react32 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
+var Link = (0, import_react32.forwardRef)(function Link2({
+  variant = "default",
+  className = "",
+  children,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "a",
+    {
+      ref,
+      className: cx(
+        "mb-link",
+        `mb-link--${variant}`,
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/Card/Card.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Card({
   padding,
   radius,
@@ -6281,24 +6306,24 @@ function Card({
     `mb-card--shadow-${resolvedShadow}`,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: classes,
       ...props,
       children: [
-        header != null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-card__header", children: header }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-card__content", children }),
-        footer != null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-card__footer", children: footer }) : null
+        header != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-card__header", children: header }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-card__content", children }),
+        footer != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mb-card__footer", children: footer }) : null
       ]
     }
   );
 }
 
 // src/components/IconButton/IconButton.tsx
-var import_react32 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var IconButton = (0, import_react32.forwardRef)(function IconButton2({
+var import_react33 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var IconButton = (0, import_react33.forwardRef)(function IconButton2({
   icon,
   label,
   variant,
@@ -6323,7 +6348,7 @@ var IconButton = (0, import_react32.forwardRef)(function IconButton2({
     md: 18,
     lg: 20
   }[resolvedSize];
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "button",
     {
       ref,
@@ -6333,7 +6358,7 @@ var IconButton = (0, import_react32.forwardRef)(function IconButton2({
       "aria-label": label,
       "aria-busy": loading || void 0,
       ...props,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         Spinner,
         {
           size: 14,
@@ -6342,13 +6367,13 @@ var IconButton = (0, import_react32.forwardRef)(function IconButton2({
           trackColor: "transparent",
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { size: iconSize, children: icon })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { size: iconSize, children: icon })
     }
   );
 });
 
 // src/components/Input/Input.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Input({
   leftSection,
   rightSection,
@@ -6365,9 +6390,9 @@ function Input({
     disabled && "mb-input--disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: classes, children: [
-    leftSection ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "mb-input__section mb-input__section--left", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { size: 18, children: leftSection }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: classes, children: [
+    leftSection ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "mb-input__section mb-input__section--left", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { size: 18, children: leftSection }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "input",
       {
         className: "mb-input__control",
@@ -6376,17 +6401,17 @@ function Input({
         ...props
       }
     ),
-    rightSection ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "mb-input__section mb-input__section--right", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { size: 18, children: rightSection }) }) : null
+    rightSection ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "mb-input__section mb-input__section--right", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { size: 18, children: rightSection }) }) : null
   ] });
 }
 
 // src/components/Textarea/Textarea.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Textarea({
   className = "",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "textarea",
     {
       className: `mb-textarea ${className}`,
@@ -6396,7 +6421,7 @@ function Textarea({
 }
 
 // src/components/Text/Text.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Text({
   as: Component = "p",
   size,
@@ -6425,22 +6450,22 @@ function Text({
     md: 16,
     lg: 18
   }[resolvedSize];
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     Component,
     {
       className: classes,
       ...props,
       children: [
-        leftSection != null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { size: iconSize, children: leftSection }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "mb-text__content", children }),
-        rightSection != null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { size: iconSize, children: rightSection }) : null
+        leftSection != null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { size: iconSize, children: leftSection }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mb-text__content", children }),
+        rightSection != null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { size: iconSize, children: rightSection }) : null
       ]
     }
   );
 }
 
 // src/components/Title/Title.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Title({
   order,
   size,
@@ -6478,15 +6503,15 @@ function Title({
     `mb-title--${color}`,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     Component,
     {
       className: classes,
       ...props,
       children: [
-        leftSection != null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { size: iconSize, children: leftSection }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mb-title__content", children }),
-        rightSection != null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { size: iconSize, children: rightSection }) : null
+        leftSection != null ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { size: iconSize, children: leftSection }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "mb-title__content", children }),
+        rightSection != null ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { size: iconSize, children: rightSection }) : null
       ]
     }
   );
@@ -6511,6 +6536,7 @@ function Title({
   IconButton,
   Image,
   Input,
+  Link,
   MainbasePortalContext,
   MainbaseProvider,
   Menu,