@obosbbl/grunnmuren-react 3.3.5 → 3.4.1

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { DisclosureProps as DisclosureProps$1, ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ContextValue, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, HeadingProps as HeadingProps$1, ListBoxItemProps, ListBoxSectionProps, ComboBoxProps, FileTriggerProps as FileTriggerProps$1, RouterProvider, TextProps, LabelProps, DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps as ModalOverlayProps$1, NumberFieldProps as NumberFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ColumnResizerProps, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, CellProps, ColumnProps, ResizableTableContainerProps, TableHeaderProps as TableHeaderProps$1, RowProps, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
+import { DisclosureProps as DisclosureProps$1, ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ContextValue, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, HeadingProps as HeadingProps$1, ListBoxItemProps, ListBoxSectionProps, ComboBoxProps, FileTriggerProps as FileTriggerProps$1, RouterProvider, TextProps, LabelProps, DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps as ModalOverlayProps$1, NumberFieldProps as NumberFieldProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ColumnResizerProps, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, CellProps, ColumnProps, ResizableTableContainerProps, TableHeaderProps as TableHeaderProps$1, RowProps, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
 export { ListBoxItemProps as ComboboxItemProps, DisclosureGroup, DisclosureGroupProps, Form, Group, LabelProps, ListBoxItemProps as SelectItemProps } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
@@ -6,6 +6,7 @@ import { RefAttributes, HTMLAttributes, HTMLProps, ComponentProps, Ref, ReactNod
 import * as cva from 'cva';
 import { VariantProps } from 'cva';
 import { DisclosureState } from 'react-stately';
+import { EmblaViewportRefType } from 'embla-carousel-react';
 import { DateFormatterOptions } from 'react-aria';
 import { FormValidationProps } from '@react-stately/form';
 
@@ -95,19 +96,12 @@ declare const Alertbox: ({ children, role, className, icon, variant, isDismissab
 type AvatarProps = ComponentProps<'img'>;
 declare const Avatar: ({ src, alt, className, onError, loading, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
-type LinkProps = LinkProps$1 & React.RefAttributes<HTMLAnchorElement> & {
-    /** @private Used internally for slotted components */
-    _innerWrapper?: (props: LinkProps$1) => LinkProps['children'];
-};
-declare const _LinkContext: react.Context<ContextValue<Partial<LinkProps>, HTMLAnchorElement>>;
-declare const Link: ({ ref: _ref, ..._props }: LinkProps) => react_jsx_runtime.JSX.Element;
-
 type ButtonOrLinkProps$1 = {
     children?: React.ReactNode;
     /** Additional CSS className for the element. */
     className?: string;
     /** Determines whether to use an anchor or a button for the Backlink */
-    href?: LinkProps['href'];
+    href?: LinkProps$1['href'];
     /** To add a permanent underline on the link (not only on hover)
      * @default false
      */
@@ -115,7 +109,7 @@ type ButtonOrLinkProps$1 = {
     /** Ref to the element. */
     ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
 };
-type BacklinkProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps$1;
+type BacklinkProps = (ButtonProps$1 | LinkProps$1) & ButtonOrLinkProps$1;
 declare function Backlink(props: BacklinkProps): react_jsx_runtime.JSX.Element;
 
 type BadgeProps = VariantProps<typeof badgeVariants> & {
@@ -137,6 +131,34 @@ declare const badgeVariants: (props?: ({
 })) | undefined) => string;
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
+declare const linkVariants: (props?: (((VariantProps<(props?: ({
+    animateIcon?: "right" | "left" | "down" | "up" | "up-right" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string> & VariantProps<(props?: ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+}) | undefined) => string>) | undefined) & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+type LinkProps = VariantProps<typeof linkVariants> & LinkProps$1 & React.RefAttributes<HTMLAnchorElement> & {
+    children?: React.ReactNode;
+    /** @private Internal use */
+    '~iconRight'?: React.ReactNode;
+};
+declare const Link: ({ animateIcon, children, className, "~iconRight": iconRight, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
+
 type BreadcrumbProps = {
     /** Additional CSS className for the element. */
     className?: string;
@@ -163,7 +185,15 @@ declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Ele
 /**
  * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
  */
-declare const buttonVariants: (props?: ({
+declare const buttonVariants: (props?: (((VariantProps<(props?: ({
+    animateIcon?: "right" | "left" | "down" | "up" | "up-right" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string> & VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | undefined;
     color?: "blue" | "mint" | "white" | undefined;
     isIconOnly?: boolean | undefined;
@@ -174,6 +204,12 @@ declare const buttonVariants: (props?: ({
 } | {
     class?: never;
     className?: cva.ClassValue;
+})) | undefined) => string>) | undefined) & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
 })) | undefined) => string;
 type ButtonOrLinkProps = VariantProps<typeof buttonVariants> & {
     children?: React.ReactNode;
@@ -253,6 +289,15 @@ type CarouselProps = Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'onSelect'> &
     scrollGestures?: boolean;
 };
 declare const Carousel: ({ autoPlayDelay, align, children, initialIndex, orientation, onSelect, onSettled, loop, scrollGestures, ref, ...rest }: CarouselProps) => react_jsx_runtime.JSX.Element;
+type CarouselContextValue = {
+    slidesInView: number[];
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * @private
+     */
+    '~emblaRef': EmblaViewportRefType | null;
+};
+declare const CarouselContext: react.Context<CarouselContextValue>;
 type CarouselItemsContainer = HTMLProps<HTMLDivElement> & {
     children: React.ReactNode;
 };
@@ -274,7 +319,7 @@ declare const CarouselControls: ({ children, className, ...rest }: CarouselContr
 type CarouselButtonProps = ButtonProps & {
     slot: 'next' | 'prev';
 };
-declare const CarouselButton: ({ className, isIconOnly, color, variant, slot, ...rest }: CarouselButtonProps) => react_jsx_runtime.JSX.Element;
+declare const CarouselButton: ({ className, isIconOnly, slot, ...rest }: CarouselButtonProps) => react_jsx_runtime.JSX.Element;
 type CarouselItemProps = HTMLProps<HTMLDivElement> & {
     /** The component/components to display as the <CarouselItem/>. */
     children: React.ReactNode;
@@ -457,6 +502,10 @@ declare function GrunnmurenProvider({ children, locale, navigate, useHref, }: Gr
 type HeroProps = HTMLProps<HTMLDivElement> & VariantProps<typeof variants> & {
     children: React.ReactNode;
 };
+type HeroContextValue = {
+    variant: HeroProps['variant'];
+};
+declare const HeroContext: react.Context<HeroContextValue | null>;
 declare const variants: (props?: ({
     variant?: "standard" | "full-bleed" | "two-column" | undefined;
 } & ({
@@ -476,18 +525,27 @@ declare function ErrorMessage(props: ErrorMessageProps): react_jsx_runtime.JSX.E
 
 declare function Label(props: LabelProps): react_jsx_runtime.JSX.Element;
 
-type LinkListContainerProps = React.HTMLProps<HTMLDivElement> & {
+declare const linkListContainerVariants: (props?: ({
+    layout?: "stack" | "grid" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+type LinkListContainerProps = VariantProps<typeof linkListContainerVariants> & React.HTMLProps<HTMLDivElement> & {
     children: JSX.Element | JSX.Element[];
 };
-declare const LinkListContainer: ({ className, ...restProps }: LinkListContainerProps) => react_jsx_runtime.JSX.Element;
+declare const LinkListContainer: ({ className, layout, ...props }: LinkListContainerProps) => react_jsx_runtime.JSX.Element;
 type LinkListProps = React.HTMLProps<HTMLUListElement> & {
     children: JSX.Element | JSX.Element[];
 };
-declare const LinkList: (props: LinkListProps) => react_jsx_runtime.JSX.Element;
+declare const LinkList: ({ className, ...restProps }: LinkListProps) => react_jsx_runtime.JSX.Element;
 type LinkListItemProps = React.HTMLProps<HTMLLIElement> & {
     children: ReactNode;
 };
-declare const LinkListItem: (props: LinkListItemProps) => react_jsx_runtime.JSX.Element;
+declare const LinkListItem: ({ children, className, ...props }: LinkListItemProps) => react_jsx_runtime.JSX.Element;
 
 type DialogTriggerProps = DialogTriggerProps$1;
 declare const DialogTrigger: (props: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
@@ -539,13 +597,6 @@ type NumberFieldProps = {
 } & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
 declare function NumberField(props: NumberFieldProps): react_jsx_runtime.JSX.Element;
 
-type ProgressBarProps = ProgressBarProps$1;
-type ProgressBarValueTextProps = Omit<HTMLProps<HTMLSpanElement>, 'children'> & {
-    className?: string;
-};
-declare const ProgressBarValueText: ({ className, ...restProps }: ProgressBarValueTextProps) => react_jsx_runtime.JSX.Element;
-declare const ProgressBar: ({ children, className, ...restProps }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
-
 type RadioProps = {
     children: React.ReactNode;
     /** Additional CSS className for the element. */
@@ -595,6 +646,31 @@ type SelectProps<T extends object> = {
 } & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
 declare function Select<T extends object>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
+type StepperProps = HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+    /** The active step, zero indexed.  */
+    activeStep: number;
+    /** Handler that is called when the step changes. */
+    onStepChange?: (step: number) => void;
+};
+declare const Stepper: ({ children, activeStep, onStepChange, ...restProps }: StepperProps) => react_jsx_runtime.JSX.Element;
+type StepProps = HTMLProps<HTMLLIElement> & {
+    /**
+     * The state fo the step, whether the step is completed or not.
+     */
+    state?: 'completed';
+    /**
+     * Whether the step is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /** The current progress of the step, between 0 and 100. */
+    progress?: number;
+    /** @private */
+    '~stepIndex'?: number;
+};
+declare const Step: ({ isDisabled, state, children, "~stepIndex": stepIndex, progress, ...restProps }: StepProps) => react_jsx_runtime.JSX.Element;
+
 type TableProps = Omit<TableProps$1, 'aria-label' | 'aria-labelledby'> & RefAttributes<HTMLTableElement> & {
     /**
      * Visual variant of the table
@@ -793,5 +869,5 @@ type VideoLoopProps = {
 };
 declare const VideoLoop: ({ src, format, alt, className }: VideoLoopProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, Alertbox, Avatar, Backlink, Badge, Breadcrumb, Breadcrumbs, Button, ButtonContext, Caption, Card, CardLink, Checkbox, CheckboxGroup, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, ListBoxSection as ComboboxSection, Content, ContentContext, DateFormatter, Description, Disclosure, DisclosureButton, DisclosurePanel, DisclosureStateContext, ErrorMessage, Footer, GrunnmurenProvider, Heading, HeadingContext, Label, LinkList, LinkListContainer, LinkListItem, Media, MediaContext, NumberField, Radio, RadioGroup, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, ListBoxSection as SelectSection, Tag, TagGroup, TagList, TextArea, TextField, Carousel as UNSAFE_Carousel, CarouselButton as UNSAFE_CarouselButton, CarouselControls as UNSAFE_CarouselControls, CarouselItem as UNSAFE_CarouselItem, CarouselItems as UNSAFE_CarouselItems, CarouselItemsContainer as UNSAFE_CarouselItemsContainer, CarouselItemsContainer as UNSAFE_CarouselItemsContainerProps, Dialog as UNSAFE_Dialog, DialogTrigger as UNSAFE_DialogTrigger, FileUpload as UNSAFE_FileUpload, Hero as UNSAFE_Hero, Link as UNSAFE_Link, Modal as UNSAFE_Modal, ProgressBar as UNSAFE_ProgressBar, ProgressBarValueText as UNSAFE_ProgressBarValueText, Tab as UNSAFE_Tab, TabList as UNSAFE_TabList, TabPanel as UNSAFE_TabPanel, Table as UNSAFE_Table, TableBody as UNSAFE_TableBody, TableCell as UNSAFE_TableCell, TableColumn as UNSAFE_TableColumn, TableColumnResizer as UNSAFE_TableColumnResizer, TableContainer as UNSAFE_TableContainer, TableHeader as UNSAFE_TableHeader, TableRow as UNSAFE_TableRow, Tabs as UNSAFE_Tabs, VideoLoop, _LinkContext, _useLocale as useLocale };
-export type { AccordionItemProps, AccordionProps, Props as AlertboxProps, AvatarProps, BacklinkProps, BadgeProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps, CaptionProps, CardLinkProps, CardProps, CheckboxGroupProps, CheckboxProps, ComboboxProps, ContentProps, DateFormatterProps, DescriptionProps, DisclosureButtonProps, DisclosurePanelProps, DisclosureProps, ErrorMessageProps, FooterProps, GrunnmurenProviderProps, HeadingProps, LinkListContainerProps, LinkListItemProps, LinkListProps, Locale, MediaProps, NumberFieldProps, RadioGroupProps, RadioProps, SelectProps, TagGroupProps, TagListProps, TagProps, TextAreaProps, TextFieldProps, CarouselButtonProps as UNSAFE_CarouselButtonProps, CarouselControlsProps as UNSAFE_CarouselControlsProps, CarouselItemProps as UNSAFE_CarouselItemProps, CarouselItemsProps as UNSAFE_CarouselItemsProps, CarouselProps as UNSAFE_CarouselProps, DialogProps as UNSAFE_DialogProps, DialogTriggerProps as UNSAFE_DialogTriggerProps, FileUploadProps as UNSAFE_FileUploadProps, HeroProps as UNSAFE_HeroProps, LinkProps as UNSAFE_LinkProps, ModalProps as UNSAFE_ModalProps, ProgressBarProps as UNSAFE_ProgressBarProps, ProgressBarValueTextProps as UNSAFE_ProgressBarValueTextProps, TabListProps as UNSAFE_TabListProps, TabPanelProps as UNSAFE_TabPanelProps, TabProps as UNSAFE_TabProps, TableBodyProps as UNSAFE_TableBodyProps, TableCellProps as UNSAFE_TableCellProps, TableColumnProps as UNSAFE_TableColumnProps, TableColumnResizerProps as UNSAFE_TableColumnResizerProps, TableContainerProps as UNSAFE_TableContainerProps, TableHeaderProps as UNSAFE_TableHeaderProps, TableProps as UNSAFE_TableProps, TableRowProps as UNSAFE_TableRowProps, TabsProps as UNSAFE_TabsProps };
+export { Accordion, AccordionItem, Alertbox, Avatar, Backlink, Badge, Breadcrumb, Breadcrumbs, Button, ButtonContext, Caption, Card, CardLink, Checkbox, CheckboxGroup, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, ListBoxSection as ComboboxSection, Content, ContentContext, DateFormatter, Description, Disclosure, DisclosureButton, DisclosurePanel, DisclosureStateContext, ErrorMessage, Footer, GrunnmurenProvider, Heading, HeadingContext, Label, LinkList, LinkListContainer, LinkListItem, Media, MediaContext, NumberField, Radio, RadioGroup, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, ListBoxSection as SelectSection, Tag, TagGroup, TagList, TextArea, TextField, Carousel as UNSAFE_Carousel, CarouselButton as UNSAFE_CarouselButton, CarouselContext as UNSAFE_CarouselContext, CarouselControls as UNSAFE_CarouselControls, CarouselItem as UNSAFE_CarouselItem, CarouselItems as UNSAFE_CarouselItems, CarouselItemsContainer as UNSAFE_CarouselItemsContainer, CarouselItemsContainer as UNSAFE_CarouselItemsContainerProps, Dialog as UNSAFE_Dialog, DialogTrigger as UNSAFE_DialogTrigger, FileUpload as UNSAFE_FileUpload, Hero as UNSAFE_Hero, HeroContext as UNSAFE_HeroContext, Link as UNSAFE_Link, Modal as UNSAFE_Modal, Step as UNSAFE_Step, Stepper as UNSAFE_Stepper, Tab as UNSAFE_Tab, TabList as UNSAFE_TabList, TabPanel as UNSAFE_TabPanel, Table as UNSAFE_Table, TableBody as UNSAFE_TableBody, TableCell as UNSAFE_TableCell, TableColumn as UNSAFE_TableColumn, TableColumnResizer as UNSAFE_TableColumnResizer, TableContainer as UNSAFE_TableContainer, TableHeader as UNSAFE_TableHeader, TableRow as UNSAFE_TableRow, Tabs as UNSAFE_Tabs, VideoLoop, _useLocale as useLocale };
+export type { AccordionItemProps, AccordionProps, Props as AlertboxProps, AvatarProps, BacklinkProps, BadgeProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps, CaptionProps, CardLinkProps, CardProps, CheckboxGroupProps, CheckboxProps, ComboboxProps, ContentProps, DateFormatterProps, DescriptionProps, DisclosureButtonProps, DisclosurePanelProps, DisclosureProps, ErrorMessageProps, FooterProps, GrunnmurenProviderProps, HeadingProps, LinkListContainerProps, LinkListItemProps, LinkListProps, Locale, MediaProps, NumberFieldProps, RadioGroupProps, RadioProps, SelectProps, TagGroupProps, TagListProps, TagProps, TextAreaProps, TextFieldProps, CarouselButtonProps as UNSAFE_CarouselButtonProps, CarouselContextValue as UNSAFE_CarouselContextValue, CarouselControlsProps as UNSAFE_CarouselControlsProps, CarouselItemProps as UNSAFE_CarouselItemProps, CarouselItemsProps as UNSAFE_CarouselItemsProps, CarouselProps as UNSAFE_CarouselProps, DialogProps as UNSAFE_DialogProps, DialogTriggerProps as UNSAFE_DialogTriggerProps, FileUploadProps as UNSAFE_FileUploadProps, HeroContextValue as UNSAFE_HeroContextValue, HeroProps as UNSAFE_HeroProps, LinkProps as UNSAFE_LinkProps, ModalProps as UNSAFE_ModalProps, StepProps as UNSAFE_StepProps, StepperProps as UNSAFE_StepperProps, TabListProps as UNSAFE_TabListProps, TabPanelProps as UNSAFE_TabPanelProps, TabProps as UNSAFE_TabProps, TableBodyProps as UNSAFE_TableBodyProps, TableCellProps as UNSAFE_TableCellProps, TableColumnProps as UNSAFE_TableColumnProps, TableColumnResizerProps as UNSAFE_TableColumnResizerProps, TableContainerProps as UNSAFE_TableContainerProps, TableHeaderProps as UNSAFE_TableHeaderProps, TableProps as UNSAFE_TableProps, TableRowProps as UNSAFE_TableRowProps, TabsProps as UNSAFE_TabsProps };