@rehagro/ui 1.0.13 → 1.0.14

package/dist/index.mjs

@@ -1892,7 +1892,7 @@ var Tag = forwardRef(function Tag2({
 }, ref) {
   const preset = isPresetColor3(color);
   const clickable = !!rest.onClick && !disabled;
-  const colorClasses2 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
+  const colorClasses3 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
   const hoverClasses = clickable && preset ? active ? hoverActivePresetClasses[color] : hoverInactivePresetClasses[color] : clickable ? "hover:rh-brightness-95" : "";
   const customStyles = preset ? {} : getCustomColorStyles(color, active);
   return /* @__PURE__ */ jsxs(
@@ -1910,7 +1910,7 @@ var Tag = forwardRef(function Tag2({
         "rh-cursor-pointer",
         clickable ? "rh-cursor-pointer" : "",
         sizeClasses8[size],
-        colorClasses2,
+        colorClasses3,
         hoverClasses,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
         className
@@ -2675,6 +2675,51 @@ function TableInner({
   ) });
 }
 var Table = forwardRef(TableInner);
+var defaultElements = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  bodyLg: "p",
+  body: "p",
+  label: "span",
+  caption: "span"
+};
+var variantClasses4 = {
+  h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
+  h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
+  h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
+  h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
+  bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
+  body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
+  label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
+  caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body"
+};
+var colorClasses2 = {
+  default: "rh-text-text",
+  muted: "rh-text-text-muted",
+  primary: "rh-text-primary",
+  danger: "rh-text-danger",
+  success: "rh-text-success",
+  warning: "rh-text-warning"
+};
+var Typography = forwardRef(function Typography2({ variant = "body", color = "default", bold = false, as, className = "", children, ...rest }, ref) {
+  const element = as ?? defaultElements[variant];
+  return React8.createElement(
+    element,
+    {
+      ref,
+      className: [
+        variantClasses4[variant],
+        colorClasses2[color],
+        bold ? "rh-font-bold" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest
+    },
+    children
+  );
+});
 var Container = forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsx(
@@ -2844,6 +2889,6 @@ var GridItem = forwardRef(
   }
 );
 
-export { Avatar, Button, Card, CardContent, CardFooter, CardHeader, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, ProgressBar, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, WarningIcon, useToast };
+export { Avatar, Button, Card, CardContent, CardFooter, CardHeader, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, ProgressBar, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map