mainbase-ui 1.2.5-b → 1.2.5

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, ImgHTMLAttributes, ReactElement, MouseEvent, KeyboardEvent, Ref, RefObject, TextareaHTMLAttributes, ElementType } from 'react';
+import { ReactNode, CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, ImgHTMLAttributes, ReactElement, MouseEvent, KeyboardEvent, Ref, AnchorHTMLAttributes, RefObject, TextareaHTMLAttributes, ElementType } from 'react';
 
 type MainbaseColorScheme = "light" | "dark";
 type MainbaseRadius = number | string;
@@ -727,6 +727,12 @@ interface HighlightProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare function Highlight({ children, color, className, ...props }: HighlightProps): react.JSX.Element;
 
+type LinkVariant = "default" | "primary" | "muted";
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    variant?: LinkVariant;
+}
+declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
 type ClickOutsideEvent = "mousedown" | "touchstart" | "pointerdown";
 interface UseClickOutsideOptions {
     enabled?: boolean;
@@ -806,4 +812,4 @@ interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
 }
 declare function Title({ order, size, weight, color, leftSection, rightSection, className, children, ...props }: TitleProps): react.JSX.Element;
 
-export { Accordion, type AccordionChevronPosition, type AccordionControlProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type AccordionSize, type AccordionType, type AccordionValue, type AccordionVariant, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, Card, type CardProps, Checkbox, type CheckboxProps, type ClassValue, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerType, type DatePickerValue, type DateRangeValue, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, FileInput, type FileInputProps, type FileInputSize, Group, type GroupProps, Highlight, type HighlightProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageFit, type ImageProps, Input, type InputProps, type MainbaseColorScheme, type MainbaseColors, type MainbaseComponentDefaults, MainbasePortalContext, MainbaseProvider, type MainbaseProviderProps, type MainbaseRadii, type MainbaseShadows, type MainbaseSpacing, type MainbaseTheme, type MainbaseThemeOverride, type MainbaseTransitions, type MainbaseTypography, type MainbaseZIndex, Menu, type MenuDividerProps, type MenuDropdownProps, type MenuItemProps, type MenuLabelProps, type MenuPosition, type MenuProps, type MenuTargetProps, type MenuWidth, Modal, type ModalProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PasswordInput, type PasswordInputProps, type PasswordInputSize, PinInput, type PinInputProps, type PinInputSize, type PinInputType, Popover, type PopoverDropdownProps, type PopoverPosition, type PopoverProps, type PopoverTargetProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Title, type TitleProps, type ToastApi, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastShortcutInput, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type UseClickOutsideOptions, type UseControllableStateOptions, type UseDisclosureHandlers, type UseDisclosureReturn, cx, defaultMainbaseTheme, useClickOutside, useComponentDefaults, useControllableState, useDisclosure, useLockScroll, useMainbaseTheme, useToast };
+export { Accordion, type AccordionChevronPosition, type AccordionControlProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type AccordionSize, type AccordionType, type AccordionValue, type AccordionVariant, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, Card, type CardProps, Checkbox, type CheckboxProps, type ClassValue, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerType, type DatePickerValue, type DateRangeValue, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, FileInput, type FileInputProps, type FileInputSize, Group, type GroupProps, Highlight, type HighlightProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageFit, type ImageProps, Input, type InputProps, Link, type LinkProps, type LinkVariant, type MainbaseColorScheme, type MainbaseColors, type MainbaseComponentDefaults, MainbasePortalContext, MainbaseProvider, type MainbaseProviderProps, type MainbaseRadii, type MainbaseShadows, type MainbaseSpacing, type MainbaseTheme, type MainbaseThemeOverride, type MainbaseTransitions, type MainbaseTypography, type MainbaseZIndex, Menu, type MenuDividerProps, type MenuDropdownProps, type MenuItemProps, type MenuLabelProps, type MenuPosition, type MenuProps, type MenuTargetProps, type MenuWidth, Modal, type ModalProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PasswordInput, type PasswordInputProps, type PasswordInputSize, PinInput, type PinInputProps, type PinInputSize, type PinInputType, Popover, type PopoverDropdownProps, type PopoverPosition, type PopoverProps, type PopoverTargetProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Title, type TitleProps, type ToastApi, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastShortcutInput, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type UseClickOutsideOptions, type UseControllableStateOptions, type UseDisclosureHandlers, type UseDisclosureReturn, cx, defaultMainbaseTheme, useClickOutside, useComponentDefaults, useControllableState, useDisclosure, useLockScroll, useMainbaseTheme, useToast };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, ImgHTMLAttributes, ReactElement, MouseEvent, KeyboardEvent, Ref, RefObject, TextareaHTMLAttributes, ElementType } from 'react';
+import { ReactNode, CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, ImgHTMLAttributes, ReactElement, MouseEvent, KeyboardEvent, Ref, AnchorHTMLAttributes, RefObject, TextareaHTMLAttributes, ElementType } from 'react';
 
 type MainbaseColorScheme = "light" | "dark";
 type MainbaseRadius = number | string;
@@ -727,6 +727,12 @@ interface HighlightProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare function Highlight({ children, color, className, ...props }: HighlightProps): react.JSX.Element;
 
+type LinkVariant = "default" | "primary" | "muted";
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    variant?: LinkVariant;
+}
+declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
 type ClickOutsideEvent = "mousedown" | "touchstart" | "pointerdown";
 interface UseClickOutsideOptions {
     enabled?: boolean;
@@ -806,4 +812,4 @@ interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
 }
 declare function Title({ order, size, weight, color, leftSection, rightSection, className, children, ...props }: TitleProps): react.JSX.Element;
 
-export { Accordion, type AccordionChevronPosition, type AccordionControlProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type AccordionSize, type AccordionType, type AccordionValue, type AccordionVariant, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, Card, type CardProps, Checkbox, type CheckboxProps, type ClassValue, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerType, type DatePickerValue, type DateRangeValue, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, FileInput, type FileInputProps, type FileInputSize, Group, type GroupProps, Highlight, type HighlightProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageFit, type ImageProps, Input, type InputProps, type MainbaseColorScheme, type MainbaseColors, type MainbaseComponentDefaults, MainbasePortalContext, MainbaseProvider, type MainbaseProviderProps, type MainbaseRadii, type MainbaseShadows, type MainbaseSpacing, type MainbaseTheme, type MainbaseThemeOverride, type MainbaseTransitions, type MainbaseTypography, type MainbaseZIndex, Menu, type MenuDividerProps, type MenuDropdownProps, type MenuItemProps, type MenuLabelProps, type MenuPosition, type MenuProps, type MenuTargetProps, type MenuWidth, Modal, type ModalProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PasswordInput, type PasswordInputProps, type PasswordInputSize, PinInput, type PinInputProps, type PinInputSize, type PinInputType, Popover, type PopoverDropdownProps, type PopoverPosition, type PopoverProps, type PopoverTargetProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Title, type TitleProps, type ToastApi, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastShortcutInput, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type UseClickOutsideOptions, type UseControllableStateOptions, type UseDisclosureHandlers, type UseDisclosureReturn, cx, defaultMainbaseTheme, useClickOutside, useComponentDefaults, useControllableState, useDisclosure, useLockScroll, useMainbaseTheme, useToast };
+export { Accordion, type AccordionChevronPosition, type AccordionControlProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type AccordionSize, type AccordionType, type AccordionValue, type AccordionVariant, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, Card, type CardProps, Checkbox, type CheckboxProps, type ClassValue, DatePicker, type DatePickerProps, type DatePickerSize, type DatePickerType, type DatePickerValue, type DateRangeValue, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, FileInput, type FileInputProps, type FileInputSize, Group, type GroupProps, Highlight, type HighlightProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageFit, type ImageProps, Input, type InputProps, Link, type LinkProps, type LinkVariant, type MainbaseColorScheme, type MainbaseColors, type MainbaseComponentDefaults, MainbasePortalContext, MainbaseProvider, type MainbaseProviderProps, type MainbaseRadii, type MainbaseShadows, type MainbaseSpacing, type MainbaseTheme, type MainbaseThemeOverride, type MainbaseTransitions, type MainbaseTypography, type MainbaseZIndex, Menu, type MenuDividerProps, type MenuDropdownProps, type MenuItemProps, type MenuLabelProps, type MenuPosition, type MenuProps, type MenuTargetProps, type MenuWidth, Modal, type ModalProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PasswordInput, type PasswordInputProps, type PasswordInputSize, PinInput, type PinInputProps, type PinInputSize, type PinInputType, Popover, type PopoverDropdownProps, type PopoverPosition, type PopoverProps, type PopoverTargetProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, Title, type TitleProps, type ToastApi, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastShortcutInput, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type UseClickOutsideOptions, type UseControllableStateOptions, type UseDisclosureHandlers, type UseDisclosureReturn, cx, defaultMainbaseTheme, useClickOutside, useComponentDefaults, useControllableState, useDisclosure, useLockScroll, useMainbaseTheme, useToast };

package/dist/index.js

@@ -6296,8 +6296,34 @@ function Highlight({
   );
 }
 
+// src/components/Link/Link.tsx
+import {
+  forwardRef as forwardRef7
+} from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Link = forwardRef7(function Link2({
+  variant = "default",
+  className = "",
+  children,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx35(
+    "a",
+    {
+      ref,
+      className: cx(
+        "mb-link",
+        `mb-link--${variant}`,
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+
 // src/components/Card/Card.tsx
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function Card({
   padding,
   radius,
@@ -6325,9 +6351,9 @@ function Card({
       className: classes,
       ...props,
       children: [
-        header != null ? /* @__PURE__ */ jsx35("div", { className: "mb-card__header", children: header }) : null,
-        /* @__PURE__ */ jsx35("div", { className: "mb-card__content", children }),
-        footer != null ? /* @__PURE__ */ jsx35("div", { className: "mb-card__footer", children: footer }) : null
+        header != null ? /* @__PURE__ */ jsx36("div", { className: "mb-card__header", children: header }) : null,
+        /* @__PURE__ */ jsx36("div", { className: "mb-card__content", children }),
+        footer != null ? /* @__PURE__ */ jsx36("div", { className: "mb-card__footer", children: footer }) : null
       ]
     }
   );
@@ -6335,10 +6361,10 @@ function Card({
 
 // src/components/IconButton/IconButton.tsx
 import {
-  forwardRef as forwardRef7
+  forwardRef as forwardRef8
 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var IconButton = forwardRef7(function IconButton2({
+import { jsx as jsx37 } from "react/jsx-runtime";
+var IconButton = forwardRef8(function IconButton2({
   icon,
   label,
   variant,
@@ -6363,7 +6389,7 @@ var IconButton = forwardRef7(function IconButton2({
     md: 18,
     lg: 20
   }[resolvedSize];
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "button",
     {
       ref,
@@ -6373,7 +6399,7 @@ var IconButton = forwardRef7(function IconButton2({
       "aria-label": label,
       "aria-busy": loading || void 0,
       ...props,
-      children: loading ? /* @__PURE__ */ jsx36(
+      children: loading ? /* @__PURE__ */ jsx37(
         Spinner,
         {
           size: 14,
@@ -6382,13 +6408,13 @@ var IconButton = forwardRef7(function IconButton2({
           trackColor: "transparent",
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ jsx36(Icon, { size: iconSize, children: icon })
+      ) : /* @__PURE__ */ jsx37(Icon, { size: iconSize, children: icon })
     }
   );
 });
 
 // src/components/Input/Input.tsx
-import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function Input({
   leftSection,
   rightSection,
@@ -6406,8 +6432,8 @@ function Input({
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs28("div", { className: classes, children: [
-    leftSection ? /* @__PURE__ */ jsx37("span", { className: "mb-input__section mb-input__section--left", children: /* @__PURE__ */ jsx37(Icon, { size: 18, children: leftSection }) }) : null,
-    /* @__PURE__ */ jsx37(
+    leftSection ? /* @__PURE__ */ jsx38("span", { className: "mb-input__section mb-input__section--left", children: /* @__PURE__ */ jsx38(Icon, { size: 18, children: leftSection }) }) : null,
+    /* @__PURE__ */ jsx38(
       "input",
       {
         className: "mb-input__control",
@@ -6416,17 +6442,17 @@ function Input({
         ...props
       }
     ),
-    rightSection ? /* @__PURE__ */ jsx37("span", { className: "mb-input__section mb-input__section--right", children: /* @__PURE__ */ jsx37(Icon, { size: 18, children: rightSection }) }) : null
+    rightSection ? /* @__PURE__ */ jsx38("span", { className: "mb-input__section mb-input__section--right", children: /* @__PURE__ */ jsx38(Icon, { size: 18, children: rightSection }) }) : null
   ] });
 }
 
 // src/components/Textarea/Textarea.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Textarea({
   className = "",
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "textarea",
     {
       className: `mb-textarea ${className}`,
@@ -6436,7 +6462,7 @@ function Textarea({
 }
 
 // src/components/Text/Text.tsx
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function Text({
   as: Component = "p",
   size,
@@ -6471,16 +6497,16 @@ function Text({
       className: classes,
       ...props,
       children: [
-        leftSection != null ? /* @__PURE__ */ jsx39(Icon, { size: iconSize, children: leftSection }) : null,
-        /* @__PURE__ */ jsx39("span", { className: "mb-text__content", children }),
-        rightSection != null ? /* @__PURE__ */ jsx39(Icon, { size: iconSize, children: rightSection }) : null
+        leftSection != null ? /* @__PURE__ */ jsx40(Icon, { size: iconSize, children: leftSection }) : null,
+        /* @__PURE__ */ jsx40("span", { className: "mb-text__content", children }),
+        rightSection != null ? /* @__PURE__ */ jsx40(Icon, { size: iconSize, children: rightSection }) : null
       ]
     }
   );
 }
 
 // src/components/Title/Title.tsx
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function Title({
   order,
   size,
@@ -6524,9 +6550,9 @@ function Title({
       className: classes,
       ...props,
       children: [
-        leftSection != null ? /* @__PURE__ */ jsx40(Icon, { size: iconSize, children: leftSection }) : null,
-        /* @__PURE__ */ jsx40("span", { className: "mb-title__content", children }),
-        rightSection != null ? /* @__PURE__ */ jsx40(Icon, { size: iconSize, children: rightSection }) : null
+        leftSection != null ? /* @__PURE__ */ jsx41(Icon, { size: iconSize, children: leftSection }) : null,
+        /* @__PURE__ */ jsx41("span", { className: "mb-title__content", children }),
+        rightSection != null ? /* @__PURE__ */ jsx41(Icon, { size: iconSize, children: rightSection }) : null
       ]
     }
   );
@@ -6550,6 +6576,7 @@ export {
   IconButton,
   Image,
   Input,
+  Link,
   MainbasePortalContext,
   MainbaseProvider,
   Menu,