@ikatec/nebula-react 1.0.7 → 1.0.8

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -342,7 +342,7 @@ declare const DrawerClose: React$1.ForwardRefExoticComponent<DrawerPrimitive.Dia
 declare const DrawerPortal: React$1.FC<DrawerPrimitive.DialogPortalProps>;
 declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DrawerVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface DrawerContentProps extends React$1.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>, VariantProps<typeof DrawerVariants> {
     portal?: boolean;
@@ -478,6 +478,26 @@ interface ActionBarContentProps {
 }
 declare const ActionBarContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & ActionBarContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level: '1' | '2' | '3' | '4' | '5' | '6';
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: 'md' | 'sm';
+}
+declare const Paragraph: React__default.ForwardRefExoticComponent<ParagraphProps & React__default.RefAttributes<HTMLParagraphElement>>;
+interface CaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+}
+declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLTableCaptionElement>>;
+interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
+    size?: 'md' | 'sm';
+}
+declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps & {
+    [K: string]: any;
+} & {
+    component?: (props: LinkProps) => ReactNode;
+}, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
 type InputPhoneProps = {
     value: string;
     onChange: (value: string) => void;
@@ -613,4 +633,4 @@ declare const setNebulaLanguage: (language: Language) => void;
  */
 declare const messages: Map<Language | null | undefined, Messages>;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputPhone, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, type HeadingProps, InputPhone, InputText, type InputTextProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -342,7 +342,7 @@ declare const DrawerClose: React$1.ForwardRefExoticComponent<DrawerPrimitive.Dia
 declare const DrawerPortal: React$1.FC<DrawerPrimitive.DialogPortalProps>;
 declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DrawerVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface DrawerContentProps extends React$1.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>, VariantProps<typeof DrawerVariants> {
     portal?: boolean;
@@ -478,6 +478,26 @@ interface ActionBarContentProps {
 }
 declare const ActionBarContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & ActionBarContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level: '1' | '2' | '3' | '4' | '5' | '6';
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: 'md' | 'sm';
+}
+declare const Paragraph: React__default.ForwardRefExoticComponent<ParagraphProps & React__default.RefAttributes<HTMLParagraphElement>>;
+interface CaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+}
+declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLTableCaptionElement>>;
+interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
+    size?: 'md' | 'sm';
+}
+declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps & {
+    [K: string]: any;
+} & {
+    component?: (props: LinkProps) => ReactNode;
+}, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
 type InputPhoneProps = {
     value: string;
     onChange: (value: string) => void;
@@ -613,4 +633,4 @@ declare const setNebulaLanguage: (language: Language) => void;
  */
 declare const messages: Map<Language | null | undefined, Messages>;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputPhone, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, type HeadingProps, InputPhone, InputText, type InputTextProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };

package/dist/index.js

@@ -84,8 +84,27 @@ function clsx() {
 var nebulaClass = "nebula-ds";
 
 // lib/utils.ts
+var customTwMerge = tailwindMerge.extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [
+        "text-heading-1",
+        "text-heading-2",
+        "text-heading-3",
+        "text-heading-4",
+        "text-heading-5",
+        "text-heading-6",
+        "text-paragraph-md",
+        "text-paragraph-sm",
+        "text-caption",
+        "text-link-md",
+        "text-link-sm"
+      ]
+    }
+  }
+});
 function cn(...inputs) {
-  return tailwindMerge.twMerge(nebulaClass, clsx(inputs));
+  return customTwMerge(nebulaClass, clsx(inputs));
 }
 var processChildren = (children) => {
   return React8__namespace.default.Children.map(children, (child) => {
@@ -3409,6 +3428,91 @@ var ActionBarContent = React8__namespace.forwardRef(({ className, children, port
   ) });
 });
 ActionBarContent.displayName = "ActionBarContent";
+var Heading = React8.forwardRef(
+  ({ level, className, ...rest }, ref) => {
+    const element = React8.useMemo(
+      () => ({
+        1: "h1",
+        2: "h2",
+        3: "h3",
+        4: "h4",
+        5: "h5",
+        6: "h6"
+      })[level],
+      [level]
+    );
+    const headingStyles = React8.useMemo(
+      () => ({
+        1: "text-typography-heading-1 text-heading-1 tracking-heading-1 font-heading-1 leading-heading-1",
+        2: "text-typography-heading-2 text-heading-2 tracking-heading-2 font-heading-2 leading-heading-2",
+        3: "text-typography-heading-3 text-heading-3 tracking-heading-3 font-heading-3 leading-heading-3",
+        4: "text-typography-heading-4 text-heading-4 tracking-heading-4 font-heading-4 leading-heading-4",
+        5: "text-typography-heading-5 text-heading-5 tracking-heading-5 font-heading-5 leading-heading-5",
+        6: "text-typography-heading-6 text-heading-6 tracking-heading-6 font-heading-6 leading-heading-6"
+      })[level],
+      [level]
+    );
+    if (!element) return null;
+    return React8__namespace.default.createElement(element, {
+      ...rest,
+      ref,
+      className: cn(headingStyles, className)
+    });
+  }
+);
+Heading.displayName = "Heading";
+var Paragraph = React8.forwardRef(
+  ({ size: size4 = "md", className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        ref,
+        ...rest,
+        className: cn(
+          "text-left",
+          {
+            "!text-typography-paragraph-md text-paragraph-md tracking-paragraph-md font-paragraph-md leading-paragraph-md": size4 === "md",
+            "!text-typography-paragraph-sm text-paragraph-sm tracking-paragraph-sm font-paragraph-sm leading-paragraph-sm": size4 === "sm"
+          },
+          className
+        )
+      }
+    );
+  }
+);
+Paragraph.displayName = "Paragraph";
+var Caption = React8.forwardRef(
+  ({ className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "caption",
+      {
+        ref,
+        ...rest,
+        className: cn(
+          "!text-typography-caption text-caption tracking-caption font-caption leading-caption uppercase",
+          className
+        )
+      }
+    );
+  }
+);
+Caption.displayName = "Caption";
+var Link = React8.forwardRef(
+  ({ className, size: size4 = "md", asChild = false, ...rest }, ref) => {
+    const classNames = cn(
+      "cursor-pointer",
+      {
+        "text-typography-link-md text-link-md tracking-link-md font-link-md leading-link-md underline": size4 === "md",
+        "text-typography-link-sm text-link-sm tracking-link-sm font-link-sm leading-link-sm underline": size4 === "sm"
+      },
+      "hover:text-typography-link-hover",
+      className
+    );
+    if (!asChild) return /* @__PURE__ */ jsxRuntime.jsx("a", { ...rest, className: classNames, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...rest, className: classNames, ref });
+  }
+);
+Link.displayName = "Link";
 var CountrySelect = ({
   disabled,
   value,
@@ -3594,6 +3698,7 @@ exports.BreadcrumbList = BreadcrumbList;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
+exports.Caption = Caption;
 exports.Checkbox = Checkbox;
 exports.Creatable = StyledCreatable;
 exports.Dialog = Dialog;
@@ -3630,11 +3735,14 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Heading = Heading;
 exports.InputPhone = InputPhone;
 exports.InputText = InputText;
 exports.Label = Label;
+exports.Link = Link;
 exports.NebulaI18nProvider = NebulaI18nProvider;
 exports.Pagination = Pagination;
+exports.Paragraph = Paragraph;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;

package/dist/index.mjs

@@ -2,7 +2,7 @@ import * as React8 from 'react';
 import React8__default, { forwardRef, createElement, createContext, useMemo, useState, useCallback, useEffect, useContext } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { twMerge } from 'tailwind-merge';
+import { extendTailwindMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -44,8 +44,27 @@ function clsx() {
 var nebulaClass = "nebula-ds";
 
 // lib/utils.ts
+var customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [
+        "text-heading-1",
+        "text-heading-2",
+        "text-heading-3",
+        "text-heading-4",
+        "text-heading-5",
+        "text-heading-6",
+        "text-paragraph-md",
+        "text-paragraph-sm",
+        "text-caption",
+        "text-link-md",
+        "text-link-sm"
+      ]
+    }
+  }
+});
 function cn(...inputs) {
-  return twMerge(nebulaClass, clsx(inputs));
+  return customTwMerge(nebulaClass, clsx(inputs));
 }
 var processChildren = (children) => {
   return React8__default.Children.map(children, (child) => {
@@ -3369,6 +3388,91 @@ var ActionBarContent = React8.forwardRef(({ className, children, portal = false,
   ) });
 });
 ActionBarContent.displayName = "ActionBarContent";
+var Heading = forwardRef(
+  ({ level, className, ...rest }, ref) => {
+    const element = useMemo(
+      () => ({
+        1: "h1",
+        2: "h2",
+        3: "h3",
+        4: "h4",
+        5: "h5",
+        6: "h6"
+      })[level],
+      [level]
+    );
+    const headingStyles = useMemo(
+      () => ({
+        1: "text-typography-heading-1 text-heading-1 tracking-heading-1 font-heading-1 leading-heading-1",
+        2: "text-typography-heading-2 text-heading-2 tracking-heading-2 font-heading-2 leading-heading-2",
+        3: "text-typography-heading-3 text-heading-3 tracking-heading-3 font-heading-3 leading-heading-3",
+        4: "text-typography-heading-4 text-heading-4 tracking-heading-4 font-heading-4 leading-heading-4",
+        5: "text-typography-heading-5 text-heading-5 tracking-heading-5 font-heading-5 leading-heading-5",
+        6: "text-typography-heading-6 text-heading-6 tracking-heading-6 font-heading-6 leading-heading-6"
+      })[level],
+      [level]
+    );
+    if (!element) return null;
+    return React8__default.createElement(element, {
+      ...rest,
+      ref,
+      className: cn(headingStyles, className)
+    });
+  }
+);
+Heading.displayName = "Heading";
+var Paragraph = forwardRef(
+  ({ size: size4 = "md", className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        ...rest,
+        className: cn(
+          "text-left",
+          {
+            "!text-typography-paragraph-md text-paragraph-md tracking-paragraph-md font-paragraph-md leading-paragraph-md": size4 === "md",
+            "!text-typography-paragraph-sm text-paragraph-sm tracking-paragraph-sm font-paragraph-sm leading-paragraph-sm": size4 === "sm"
+          },
+          className
+        )
+      }
+    );
+  }
+);
+Paragraph.displayName = "Paragraph";
+var Caption = forwardRef(
+  ({ className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "caption",
+      {
+        ref,
+        ...rest,
+        className: cn(
+          "!text-typography-caption text-caption tracking-caption font-caption leading-caption uppercase",
+          className
+        )
+      }
+    );
+  }
+);
+Caption.displayName = "Caption";
+var Link = forwardRef(
+  ({ className, size: size4 = "md", asChild = false, ...rest }, ref) => {
+    const classNames = cn(
+      "cursor-pointer",
+      {
+        "text-typography-link-md text-link-md tracking-link-md font-link-md leading-link-md underline": size4 === "md",
+        "text-typography-link-sm text-link-sm tracking-link-sm font-link-sm leading-link-sm underline": size4 === "sm"
+      },
+      "hover:text-typography-link-hover",
+      className
+    );
+    if (!asChild) return /* @__PURE__ */ jsx("a", { ...rest, className: classNames, ref });
+    return /* @__PURE__ */ jsx(Slot, { ...rest, className: classNames, ref });
+  }
+);
+Link.displayName = "Link";
 var CountrySelect = ({
   disabled,
   value,
@@ -3516,4 +3620,4 @@ lucide-react/dist/esm/lucide-react.js:
    *)
 */
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputPhone, InputText, Label, NebulaI18nProvider, Pagination, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages10 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Caption, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, InputPhone, InputText, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages10 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "React components",
   "publishConfig": {
     "access": "public"