@kreftforeningen/web-react 1.0.42 → 1.0.43

package/dist/attachment/index.d.ts

@@ -6,18 +6,18 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: AttachmentState;
     size?: AttachmentSize;
     orientation?: AttachmentOrientation;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & {
     variant?: AttachmentMediaVariant;
-}): import("react").JSX.Element;
-declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 declare function AttachmentTitle({ className, shimmer, ...props }: React.ComponentProps<"div"> & {
     shimmer?: boolean;
-}): import("react").JSX.Element;
-declare function AttachmentDescription({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function AttachmentActions({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function AttachmentAction({ className, ...props }: React.ComponentProps<"button">): import("react").JSX.Element;
-declare function AttachmentTrigger({ className, ...props }: React.ComponentProps<"button">): import("react").JSX.Element;
-declare function AttachmentGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function AttachmentDescription({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function AttachmentActions({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function AttachmentAction({ className, ...props }: React.ComponentProps<"button">): import('react').JSX.Element;
+declare function AttachmentTrigger({ className, ...props }: React.ComponentProps<"button">): import('react').JSX.Element;
+declare function AttachmentGroup({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 export { Attachment, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentAction, AttachmentTrigger, AttachmentGroup, };
 //# sourceMappingURL=index.d.ts.map

package/dist/button-group/index.d.ts

@@ -2,10 +2,10 @@ import { Separator } from '../separator';
 type ButtonGroupOrientation = "horizontal" | "vertical";
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & {
     orientation?: ButtonGroupOrientation;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
-}): import("react").JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import('react').JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };
 //# sourceMappingURL=index.d.ts.map

package/dist/collapsible/index.d.ts

@@ -1,6 +1,6 @@
 import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import('react').JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import('react').JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import('react').JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
 //# sourceMappingURL=index.d.ts.map

package/dist/direction/index.d.ts

@@ -3,7 +3,7 @@ type DirectionProviderProps = {
     direction: Direction;
     children: React.ReactNode;
 };
-declare function DirectionProvider({ direction, children }: DirectionProviderProps): import("react").JSX.Element;
+declare function DirectionProvider({ direction, children }: DirectionProviderProps): import('react').JSX.Element;
 declare function useDirection(): Direction;
 export { DirectionProvider, useDirection };
 //# sourceMappingURL=index.d.ts.map

package/dist/download/index.d.ts

@@ -1,14 +1,14 @@
 type DownloadVariant = "default" | "destructive";
 declare function Download({ className, variant, ...props }: React.ComponentProps<"div"> & {
     variant?: DownloadVariant;
-}): import("react").JSX.Element;
-declare function DownloadImage({ className, src, ...props }: React.ComponentProps<"img">): import("react").JSX.Element | null;
-declare function DownloadContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function DownloadMain({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function DownloadTitle({ className, children, ...props }: React.ComponentProps<"h3">): import("react").JSX.Element | null;
-declare function DownloadDescription({ className, children, ...props }: React.ComponentProps<"p">): import("react").JSX.Element | null;
-declare function DownloadFooter({ className, ...props }: React.ComponentProps<"footer">): import("react").JSX.Element;
-declare function DownloadDownloadUrl({ className, children, href, ...props }: React.ComponentProps<"a">): import("react").JSX.Element | null;
-declare function DownloadOrderUrl({ className, children, href, ...props }: React.ComponentProps<"a">): import("react").JSX.Element | null;
+}): import('react').JSX.Element;
+declare function DownloadImage({ className, src, ...props }: React.ComponentProps<"img">): import('react').JSX.Element | null;
+declare function DownloadContent({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function DownloadMain({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function DownloadTitle({ className, children, ...props }: React.ComponentProps<"h3">): import('react').JSX.Element | null;
+declare function DownloadDescription({ className, children, ...props }: React.ComponentProps<"p">): import('react').JSX.Element | null;
+declare function DownloadFooter({ className, ...props }: React.ComponentProps<"footer">): import('react').JSX.Element;
+declare function DownloadDownloadUrl({ className, children, href, ...props }: React.ComponentProps<"a">): import('react').JSX.Element | null;
+declare function DownloadOrderUrl({ className, children, href, ...props }: React.ComponentProps<"a">): import('react').JSX.Element | null;
 export { Download, DownloadContent, DownloadImage, DownloadMain, DownloadTitle, DownloadDescription, DownloadFooter, DownloadDownloadUrl, DownloadOrderUrl, };
 //# sourceMappingURL=index.d.ts.map

package/dist/empty/index.d.ts

@@ -1,11 +1,11 @@
 type EmptyMediaVariant = "default" | "icon";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & {
     variant?: EmptyMediaVariant;
-}): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import('react').JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
 //# sourceMappingURL=index.d.ts.map

package/dist/field/index.d.ts

@@ -1,24 +1,24 @@
 import { Label } from '../label';
 type FieldOrientation = "vertical" | "horizontal" | "responsive";
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import('react').JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
-}): import("react").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & {
     orientation?: FieldOrientation;
-}): import("react").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import('react').JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import('react').JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): import("react").JSX.Element | null;
+}): import('react').JSX.Element | null;
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
 //# sourceMappingURL=index.d.ts.map

package/dist/footer/index.d.ts

@@ -1,31 +1,31 @@
 declare function FooterWrapper({ className, children, ...props }: React.ComponentProps<"footer"> & {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterActions({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterSocial({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterNavigation({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterNavigationItem({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterNavigationLink({ children, href, }: {
     children?: React.ReactNode;
     href: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterContact({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterContactItem({ children, href, }: {
     children?: React.ReactNode;
     href: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function FooterCopyright({ children }: {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 export { FooterWrapper, FooterSocial, FooterNavigation, FooterNavigationItem, FooterNavigationLink, FooterContact, FooterActions, FooterContactItem, FooterCopyright, };
 //# sourceMappingURL=index.d.ts.map

package/dist/header/index.d.ts

@@ -1,27 +1,27 @@
-declare function HeaderWrapper({ className, ...props }: React.ComponentProps<"header">): import("react").JSX.Element;
+declare function HeaderWrapper({ className, ...props }: React.ComponentProps<"header">): import('react').JSX.Element;
 declare function HeaderLogo({ className, src, darkSrc, href, ...props }: React.ComponentProps<"img"> & {
     darkSrc?: string;
     href?: string;
-}): import("react").JSX.Element | null;
+}): import('react').JSX.Element | null;
 declare function HeaderTitle({ className, href, ...props }: React.ComponentProps<"span"> & {
     href?: string;
-}): import("react").JSX.Element;
-declare function HeaderNavigation({ className, ...props }: React.ComponentProps<"main">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function HeaderNavigation({ className, ...props }: React.ComponentProps<"main">): import('react').JSX.Element;
 declare function HeaderSearch({ placeholder, ...props }: React.ComponentProps<"input"> & {
     placeholder?: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 declare function HeaderButton({ href, children, className, variant, }: React.ComponentProps<"p"> & {
     href: string;
     variant?: "default" | "outline" | "destructive";
-}): import("react").JSX.Element | null;
-declare function HeaderMenu({ children }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function HeaderMenuTrigger({ children }: React.ComponentProps<"div">): import("react").JSX.Element | null;
-declare function HeaderMenuContent({ children }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function HeaderMenuFooter({ className, children, }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function HeaderMenuList({ children }: React.ComponentProps<"ul">): import("react").JSX.Element;
+}): import('react').JSX.Element | null;
+declare function HeaderMenu({ children }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function HeaderMenuTrigger({ children }: React.ComponentProps<"div">): import('react').JSX.Element | null;
+declare function HeaderMenuContent({ children }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function HeaderMenuFooter({ className, children, }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function HeaderMenuList({ children }: React.ComponentProps<"ul">): import('react').JSX.Element;
 declare function HeaderMenuListItem({ children, href, ...props }: React.ComponentProps<"a"> & {
     href: string;
-}): import("react").JSX.Element;
-declare function HeaderMenuClose(): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function HeaderMenuClose(): import('react').JSX.Element;
 export { HeaderWrapper, HeaderLogo, HeaderNavigation, HeaderButton, HeaderSearch, HeaderMenu, HeaderMenuTrigger, HeaderMenuContent, HeaderMenuList, HeaderMenuListItem, HeaderMenuFooter, HeaderMenuClose, HeaderTitle, };
 //# sourceMappingURL=index.d.ts.map

package/dist/infographic/index.d.ts

@@ -1,10 +1,10 @@
 import { HGrid } from '../lib/main';
-declare function Infographic({ className, ...props }: React.ComponentProps<typeof HGrid>): import("react").JSX.Element;
-declare function InfographicItem({ className, ...props }: React.ComponentProps<"article">): import("react").JSX.Element;
-declare function InfographicItemIcon({ ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function InfographicItemTitle({ className, ...props }: React.ComponentProps<"h3">): import("react").JSX.Element;
-declare function InfographicItemTitleNumber({ className, ...props }: React.ComponentProps<"span">): import("react").JSX.Element;
-declare function InfographicItemTitleText({ className, ...props }: React.ComponentProps<"span">): import("react").JSX.Element;
-declare function InfographicItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function Infographic({ className, ...props }: React.ComponentProps<typeof HGrid>): import('react').JSX.Element;
+declare function InfographicItem({ className, ...props }: React.ComponentProps<"article">): import('react').JSX.Element;
+declare function InfographicItemIcon({ ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function InfographicItemTitle({ className, ...props }: React.ComponentProps<"h3">): import('react').JSX.Element;
+declare function InfographicItemTitleNumber({ className, ...props }: React.ComponentProps<"span">): import('react').JSX.Element;
+declare function InfographicItemTitleText({ className, ...props }: React.ComponentProps<"span">): import('react').JSX.Element;
+declare function InfographicItemDescription({ className, ...props }: React.ComponentProps<"p">): import('react').JSX.Element;
 export { Infographic, InfographicItem, InfographicItemIcon, InfographicItemTitle, InfographicItemTitleNumber, InfographicItemTitleText, InfographicItemDescription, };
 //# sourceMappingURL=index.d.ts.map

package/dist/kbd/index.d.ts

@@ -1,4 +1,4 @@
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import('react').JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 export { Kbd, KbdGroup };
 //# sourceMappingURL=index.d.ts.map

package/dist/link-list/index.d.ts

@@ -1,9 +1,9 @@
 type LinkListVariant = "default" | "list";
 declare function LinkList({ className, variant, ...props }: React.ComponentProps<"div"> & {
     variant?: LinkListVariant;
-}): import("react").JSX.Element;
-declare function LinkListItem({ className, ...props }: React.ComponentProps<"a">): import("react").JSX.Element;
-declare function LinkListTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function LinkListDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function LinkListItem({ className, ...props }: React.ComponentProps<"a">): import('react').JSX.Element;
+declare function LinkListTitle({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function LinkListDescription({ className, ...props }: React.ComponentProps<"p">): import('react').JSX.Element;
 export { LinkList, LinkListItem, LinkListTitle, LinkListDescription };
 //# sourceMappingURL=index.d.ts.map

package/dist/main.cjs.js

@@ -2383,7 +2383,7 @@ ${Object.entries(yt).map(([t,n])=>`    ${n.css}: var(--kf-box-${t}-${e}, var(--k
     white-space: nowrap;
     border: 0;
   }
-`;function B(){let e=u.useContext(Qt);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function en({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:a,...o}){let[s,c]=(0,g.default)({...t,axis:e===`horizontal`?`x`:`y`},r),[l,d]=u.useState(!1),[p,m]=u.useState(!1),[h,_]=u.useState(t?.startIndex||0),v=u.useCallback(e=>{e&&(d(e.canScrollPrev()),m(e.canScrollNext()),_(e.selectedScrollSnap()))},[]),y=u.useCallback(()=>{c?.scrollPrev()},[c]),b=u.useCallback(()=>{c?.scrollNext()},[c]),x=u.useCallback(e=>{e!==c?.selectedScrollSnap()&&((c?.plugins()?.autoplay)?.reset?.(),c?.scrollTo(e))},[c]),S=u.useCallback(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return u.useEffect(()=>{!c||!n||n(c)},[c,n]),u.useEffect(()=>c?(c.on(`reInit`,v),c.on(`select`,v),requestAnimationFrame(()=>v(c)),()=>{c.off(`reInit`,v),c.off(`select`,v)}):void 0,[c,v]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)($t,{}),(0,f.jsx)(Qt.Provider,{value:{carouselRef:s,api:c,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,scrollTo:x,canScrollPrev:l,canScrollNext:p,selectedIndex:h},children:(0,f.jsx)(`div`,{onKeyDownCapture:S,className:w(`kf-carousel`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,"data-orientation":e||(t?.axis===`y`?`vertical`:`horizontal`),...o,children:a})})]})}function tn({children:e,className:t,...n}){return(0,f.jsx)(`div`,{className:w(`kf-carousel__viewport-wrapper`,t),...n,children:e})}function nn({className:e,...t}){let{carouselRef:n,orientation:r}=B();return(0,f.jsx)(`div`,{className:`kf-carousel__viewport-wrapper`,"data-slot":`carousel-content`,children:(0,f.jsx)(`div`,{ref:n,id:`carousel-content`,className:`kf-carousel__viewport`,"data-orientation":r,children:(0,f.jsx)(`div`,{className:w(`kf-carousel__track`,e),"data-orientation":r,...t})})})}function rn({className:e,...t}){let{selectedIndex:n,scrollTo:r,api:i}=B();return(0,f.jsx)(`div`,{role:`tablist`,className:w(`kf-carousel__dots`,e),...t,children:i?.scrollSnapList().map((e,t)=>(0,f.jsx)(`button`,{role:`tab`,"data-slot":`carousel-dot`,"aria-selected":t===n,"aria-controls":`carousel-content`,"aria-label":`Slide ${t+1}`,className:`kf-carousel__dot`,"data-selected":t===n?`true`:void 0,onClick:()=>r(t)},t))})}function an({className:e,...t}){let{orientation:n}=B();return(0,f.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:w(`kf-carousel__item`,e),"data-orientation":n,...t})}function on({className:e,children:t,...n}){return(0,f.jsx)(`div`,{"data-slot":`carousel-item-description`,className:w(`kf-carousel__item-description`,e),...n,children:(0,f.jsx)(`div`,{className:`kf-carousel__item-description-content`,children:t})})}function sn({className:e,variant:t=`default`,size:n=`icon`,...r}){let{orientation:i,scrollPrev:a,canScrollPrev:o}=B();return(0,f.jsxs)(P,{"data-slot":`carousel-previous`,variant:t,size:n,className:w(`kf-carousel__control kf-carousel__control--previous`,e),disabled:!o,onClick:a,"data-orientation":i,...r,children:[(0,f.jsx)(l.ArrowLeft,{}),(0,f.jsx)(`span`,{className:`kf-carousel__sr-only`,children:`Previous slide`})]})}function cn({className:e,variant:t=`default`,size:n=`icon`,...r}){let{orientation:i,scrollNext:a,canScrollNext:o}=B();return(0,f.jsxs)(P,{"data-slot":`carousel-next`,variant:t,size:n,className:w(`kf-carousel__control kf-carousel__control--next`,e),disabled:!o,onClick:a,"data-orientation":i,...r,children:[(0,f.jsx)(l.ArrowRight,{}),(0,f.jsx)(`span`,{className:`kf-carousel__sr-only`,children:`Next slide`})]})}var ln={light:``,dark:`.dark`},un=u.createContext(null);function dn(){let e=u.useContext(un);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}function fn({id:e,className:t,children:n,config:r,...i}){let a=u.useId(),o=`chart-${e||a.replace(/:/g,``)}`;return(0,f.jsx)(un.Provider,{value:{config:r},children:(0,f.jsxs)(`div`,{"data-slot":`chart`,"data-chart":o,className:w(`[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden`,t),...i,children:[(0,f.jsx)(pn,{id:o,config:r}),(0,f.jsx)(_.ResponsiveContainer,{children:n})]})})}var pn=({id:e,config:t})=>{let n=Object.entries(t).filter(([,e])=>e.theme||e.color);return n.length?(0,f.jsx)(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(ln).map(([t,r])=>`
+`;function B(){let e=u.useContext(Qt);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function en({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:a,...o}){let[s,c]=(0,g.default)({...t,axis:e===`horizontal`?`x`:`y`},r),[l,d]=u.useState(!1),[p,m]=u.useState(!1),[h,_]=u.useState(t?.startIndex||0),v=u.useCallback(e=>{e&&(d(e.canScrollPrev()),m(e.canScrollNext()),_(e.selectedScrollSnap()))},[]),y=u.useCallback(()=>{c?.scrollPrev()},[c]),b=u.useCallback(()=>{c?.scrollNext()},[c]),x=u.useCallback(e=>{e!==c?.selectedScrollSnap()&&((c?.plugins()?.autoplay)?.reset?.(),c?.scrollTo(e))},[c]),S=u.useCallback(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return u.useEffect(()=>{c&&n&&n(c)},[c,n]),u.useEffect(()=>c?(c.on(`reInit`,v),c.on(`select`,v),requestAnimationFrame(()=>v(c)),()=>{c.off(`reInit`,v),c.off(`select`,v)}):void 0,[c,v]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)($t,{}),(0,f.jsx)(Qt.Provider,{value:{carouselRef:s,api:c,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,scrollTo:x,canScrollPrev:l,canScrollNext:p,selectedIndex:h},children:(0,f.jsx)(`div`,{onKeyDownCapture:S,className:w(`kf-carousel`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,"data-orientation":e||(t?.axis===`y`?`vertical`:`horizontal`),...o,children:a})})]})}function tn({children:e,className:t,...n}){return(0,f.jsx)(`div`,{className:w(`kf-carousel__viewport-wrapper`,t),...n,children:e})}function nn({className:e,...t}){let{carouselRef:n,orientation:r}=B();return(0,f.jsx)(`div`,{className:`kf-carousel__viewport-wrapper`,"data-slot":`carousel-content`,children:(0,f.jsx)(`div`,{ref:n,id:`carousel-content`,className:`kf-carousel__viewport`,"data-orientation":r,children:(0,f.jsx)(`div`,{className:w(`kf-carousel__track`,e),"data-orientation":r,...t})})})}function rn({className:e,...t}){let{selectedIndex:n,scrollTo:r,api:i}=B();return(0,f.jsx)(`div`,{role:`tablist`,className:w(`kf-carousel__dots`,e),...t,children:i?.scrollSnapList().map((e,t)=>(0,f.jsx)(`button`,{role:`tab`,"data-slot":`carousel-dot`,"aria-selected":t===n,"aria-controls":`carousel-content`,"aria-label":`Slide ${t+1}`,className:`kf-carousel__dot`,"data-selected":t===n?`true`:void 0,onClick:()=>r(t)},t))})}function an({className:e,...t}){let{orientation:n}=B();return(0,f.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:w(`kf-carousel__item`,e),"data-orientation":n,...t})}function on({className:e,children:t,...n}){return(0,f.jsx)(`div`,{"data-slot":`carousel-item-description`,className:w(`kf-carousel__item-description`,e),...n,children:(0,f.jsx)(`div`,{className:`kf-carousel__item-description-content`,children:t})})}function sn({className:e,variant:t=`default`,size:n=`icon`,...r}){let{orientation:i,scrollPrev:a,canScrollPrev:o}=B();return(0,f.jsxs)(P,{"data-slot":`carousel-previous`,variant:t,size:n,className:w(`kf-carousel__control kf-carousel__control--previous`,e),disabled:!o,onClick:a,"data-orientation":i,...r,children:[(0,f.jsx)(l.ArrowLeft,{}),(0,f.jsx)(`span`,{className:`kf-carousel__sr-only`,children:`Previous slide`})]})}function cn({className:e,variant:t=`default`,size:n=`icon`,...r}){let{orientation:i,scrollNext:a,canScrollNext:o}=B();return(0,f.jsxs)(P,{"data-slot":`carousel-next`,variant:t,size:n,className:w(`kf-carousel__control kf-carousel__control--next`,e),disabled:!o,onClick:a,"data-orientation":i,...r,children:[(0,f.jsx)(l.ArrowRight,{}),(0,f.jsx)(`span`,{className:`kf-carousel__sr-only`,children:`Next slide`})]})}var ln={light:``,dark:`.dark`},un=u.createContext(null);function dn(){let e=u.useContext(un);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}function fn({id:e,className:t,children:n,config:r,...i}){let a=u.useId(),o=`chart-${e||a.replace(/:/g,``)}`;return(0,f.jsx)(un.Provider,{value:{config:r},children:(0,f.jsxs)(`div`,{"data-slot":`chart`,"data-chart":o,className:w(`[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden`,t),...i,children:[(0,f.jsx)(pn,{id:o,config:r}),(0,f.jsx)(_.ResponsiveContainer,{children:n})]})})}var pn=({id:e,config:t})=>{let n=Object.entries(t).filter(([,e])=>e.theme||e.color);return n.length?(0,f.jsx)(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(ln).map(([t,r])=>`
 ${r} [data-chart=${e}] {
 ${n.map(([e,n])=>{let r=n.theme?.[t]||n.color;return r?`  --kf-color-${e}: ${r};`:null}).join(`
 `)}
@@ -8447,7 +8447,7 @@ ${Object.entries(oo).map(([t,n])=>`    ${n.css}: var(--kf-hstack-${t}-${e}, var(
     flex: 1;
     outline: none;
   }
-`;function Ml({className:e,...t}){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(jl,{}),(0,f.jsx)(p.Tabs.Root,{"data-slot":`tabs`,className:w(`kf-tabs`,e),...t})]})}function Nl({className:e,...t}){return(0,f.jsx)(p.Tabs.List,{"data-slot":`tabs-list`,className:w(`kf-tabs__list`,e),...t})}function Pl({className:e,...t}){return(0,f.jsx)(p.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:w(`kf-tabs__trigger`,e),...t})}function Fl({className:e,...t}){return(0,f.jsx)(p.Tabs.Content,{"data-slot":`tabs-content`,className:w(`kf-tabs__content`,e),...t})}var Il=`[data-kreftforeningen-web-react]`;function Ll(e){if(e.includes(Il))return e;let t=e.trim();return t===`html`||t===`body`?Il:t.startsWith(`html `)||t.startsWith(`body `)?`${Il} ${t.slice(t.indexOf(` `)+1)}`:e.includes(`:root`)?e.replace(/:root/g,Il):`${Il} ${e}`}function Rl(e){e.type!==`rule`||!Array.isArray(e.props)||typeof e.parent?.value==`string`&&e.parent.value.includes(`@keyframes`)||(e.props=e.props.map(Ll))}function zl({children:e,defaultTheme:t=`system`,storageKey:n=`vite-ui-theme`}){let[r,i]=(0,u.useState)(()=>typeof window>`u`?t:localStorage.getItem(n)||t),a=(0,u.useSyncExternalStore)(e=>{if(typeof window>`u`)return()=>{};let t=window.matchMedia(`(prefers-color-scheme: dark)`);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)},()=>typeof window>`u`?!1:window.matchMedia(`(prefers-color-scheme: dark)`).matches,()=>!1),o=(0,u.useMemo)(()=>r===`system`?a?`dark`:`light`:r,[a,r]);(0,u.useEffect)(()=>{let e=window.document.documentElement,t=window.document.body;return e.classList.remove(`light`,`dark`),e.classList.add(o),t.setAttribute(`data-kreftforeningen-web-react`,``),t.classList.remove(`light`,`dark`),t.classList.add(o),()=>{e.classList.remove(`light`,`dark`),t.removeAttribute(`data-kreftforeningen-web-react`),t.classList.remove(`light`,`dark`)}},[o]);let s={theme:r,setTheme:e=>{localStorage.setItem(n,e),i(e)}};return(0,f.jsx)(d.StyleSheetManager,{stylisPlugins:[Rl],children:(0,f.jsx)(`div`,{"data-kreftforeningen-web-react":!0,className:o,children:(0,f.jsx)(Ji.Provider,{value:s,children:e})})})}var Bl=d.createGlobalStyle`
+`;function Ml({className:e,...t}){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(jl,{}),(0,f.jsx)(p.Tabs.Root,{"data-slot":`tabs`,className:w(`kf-tabs`,e),...t})]})}function Nl({className:e,...t}){return(0,f.jsx)(p.Tabs.List,{"data-slot":`tabs-list`,className:w(`kf-tabs__list`,e),...t})}function Pl({className:e,...t}){return(0,f.jsx)(p.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:w(`kf-tabs__trigger`,e),...t})}function Fl({className:e,...t}){return(0,f.jsx)(p.Tabs.Content,{"data-slot":`tabs-content`,className:w(`kf-tabs__content`,e),...t})}var Il=`[data-kreftforeningen-web-react]`;function Ll(e){if(e.includes(Il))return e;let t=e.trim();return t===`html`||t===`body`?Il:t.startsWith(`html `)||t.startsWith(`body `)?`${Il} ${t.slice(t.indexOf(` `)+1)}`:e.includes(`:root`)?e.replace(/:root/g,Il):`${Il} ${e}`}function Rl(e){e.type===`rule`&&Array.isArray(e.props)&&(typeof e.parent?.value==`string`&&e.parent.value.includes(`@keyframes`)||(e.props=e.props.map(Ll)))}function zl({children:e,defaultTheme:t=`system`,storageKey:n=`vite-ui-theme`}){let[r,i]=(0,u.useState)(()=>typeof window>`u`?t:localStorage.getItem(n)||t),a=(0,u.useSyncExternalStore)(e=>{if(typeof window>`u`)return()=>{};let t=window.matchMedia(`(prefers-color-scheme: dark)`);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)},()=>typeof window>`u`?!1:window.matchMedia(`(prefers-color-scheme: dark)`).matches,()=>!1),o=(0,u.useMemo)(()=>r===`system`?a?`dark`:`light`:r,[a,r]);(0,u.useEffect)(()=>{let e=window.document.documentElement,t=window.document.body;return e.classList.remove(`light`,`dark`),e.classList.add(o),t.setAttribute(`data-kreftforeningen-web-react`,``),t.classList.remove(`light`,`dark`),t.classList.add(o),()=>{e.classList.remove(`light`,`dark`),t.removeAttribute(`data-kreftforeningen-web-react`),t.classList.remove(`light`,`dark`)}},[o]);let s={theme:r,setTheme:e=>{localStorage.setItem(n,e),i(e)}};return(0,f.jsx)(d.StyleSheetManager,{stylisPlugins:[Rl],children:(0,f.jsx)(`div`,{"data-kreftforeningen-web-react":!0,className:o,children:(0,f.jsx)(Ji.Provider,{value:s,children:e})})})}var Bl=d.createGlobalStyle`
   .kf-timeline {
     display: flex;
     flex-direction: column;

package/dist/main.es.js

@@ -3515,7 +3515,7 @@ function $n({ orientation: e = "horizontal", opts: t, setApi: n, plugins: r, cla
 		e.key === "ArrowLeft" ? (e.preventDefault(), g()) : e.key === "ArrowRight" && (e.preventDefault(), _());
 	}, [g, _]);
 	return x.useEffect(() => {
-		!c || !n || n(c);
+		c && n && n(c);
 	}, [c, n]), x.useEffect(() => c ? (c.on("reInit", h), c.on("select", h), requestAnimationFrame(() => h(c)), () => {
 		c.off("reInit", h), c.off("select", h);
 	}) : void 0, [c, h]), /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(Zn, {}), /* @__PURE__ */ T(Xn.Provider, {
@@ -13031,7 +13031,7 @@ function Ru(e) {
 	return t === "html" || t === "body" ? Lu : t.startsWith("html ") || t.startsWith("body ") ? `${Lu} ${t.slice(t.indexOf(" ") + 1)}` : e.includes(":root") ? e.replace(/:root/g, Lu) : `${Lu} ${e}`;
 }
 function zu(e) {
-	e.type !== "rule" || !Array.isArray(e.props) || typeof e.parent?.value == "string" && e.parent.value.includes("@keyframes") || (e.props = e.props.map(Ru));
+	e.type === "rule" && Array.isArray(e.props) && (typeof e.parent?.value == "string" && e.parent.value.includes("@keyframes") || (e.props = e.props.map(Ru)));
 }
 function Bu({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-theme" }) {
 	let [r, i] = ue(() => typeof window > "u" ? t : localStorage.getItem(n) || t), a = de((e) => {

package/dist/mode-toggle/index.d.ts

@@ -3,6 +3,6 @@ declare function ModeToggle({ variant, align, children, size, }: {
     align?: "start" | "end";
     size?: "icon" | "default";
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 export { ModeToggle };
 //# sourceMappingURL=index.d.ts.map

package/dist/person/index.d.ts

@@ -1,12 +1,12 @@
-declare function Person({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Person({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 declare function PersonImage({ className, fallback, ...props }: React.ComponentPropsWithoutRef<"img"> & {
     fallback?: string;
-}): import("react").JSX.Element;
-declare function PersonContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function PersonName({ className, ...props }: React.ComponentProps<"h3">): import("react").JSX.Element;
-declare function PersonTitle({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function PersonEmail({ className, ...props }: React.ComponentProps<"a">): import("react").JSX.Element;
-declare function PersonPhone({ className, ...props }: React.ComponentProps<"a">): import("react").JSX.Element;
-declare function PersonDescription({ className, children, ...props }: React.ComponentPropsWithoutRef<"button">): import("react").JSX.Element;
+}): import('react').JSX.Element;
+declare function PersonContent({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+declare function PersonName({ className, ...props }: React.ComponentProps<"h3">): import('react').JSX.Element;
+declare function PersonTitle({ className, ...props }: React.ComponentProps<"p">): import('react').JSX.Element;
+declare function PersonEmail({ className, ...props }: React.ComponentProps<"a">): import('react').JSX.Element;
+declare function PersonPhone({ className, ...props }: React.ComponentProps<"a">): import('react').JSX.Element;
+declare function PersonDescription({ className, children, ...props }: React.ComponentPropsWithoutRef<"button">): import('react').JSX.Element;
 export { Person, PersonImage, PersonContent, PersonName, PersonTitle, PersonEmail, PersonPhone, PersonDescription, };
 //# sourceMappingURL=index.d.ts.map

package/dist/skeleton/index.d.ts

@@ -1,3 +1,3 @@
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
 export { Skeleton };
 //# sourceMappingURL=index.d.ts.map

package/dist/sonner/index.d.ts

@@ -1,4 +1,4 @@
 import { ToasterProps } from 'sonner';
-declare const Toaster: ({ className, ...props }: ToasterProps) => import("react").JSX.Element;
+declare const Toaster: ({ className, ...props }: ToasterProps) => import('react').JSX.Element;
 export { Toaster };
 //# sourceMappingURL=index.d.ts.map

package/dist/spinner/index.d.ts

@@ -1,3 +1,3 @@
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import('react').JSX.Element;
 export { Spinner };
 //# sourceMappingURL=index.d.ts.map

package/dist/theme-provider/index.d.ts

@@ -4,6 +4,6 @@ type ThemeProviderProps = {
     defaultTheme?: Theme;
     storageKey?: string;
 };
-declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react").JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import('react').JSX.Element;
 export { ThemeProvider };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kreftforeningen/web-react",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -30,14 +30,14 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^1.31.0",
+    "input-otp": "^1.5.0",
+    "lucide-react": "^1.48.0",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.6.7",
     "react-day-picker": "^10.0.1",
     "react-icons": "^5.7.0",
-    "react-resizable-panels": "^4.12.2",
-    "react-router-dom": "^7.18.2",
+    "react-resizable-panels": "^4.13.3",
+    "react-router-dom": "^7.18.4",
     "recharts": "^3.10.1",
     "sonner": "^2.0.8",
     "vaul": "^1.1.2"
@@ -45,20 +45,20 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@kreftforeningen/web-css": "^1.0.21",
-    "@types/node": "^26.2.0",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@vitejs/plugin-react": "^6.0.5",
-    "eslint": "^10.8.1",
+    "@types/node": "^26.6.2",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "eslint": "^10.11.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.4",
-    "globals": "^17.10.0",
-    "styled-components": "^6.5.2",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "globals": "^17.12.0",
+    "styled-components": "^6.5.3",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.67.0",
-    "vite": "^8.2.1",
+    "typescript-eslint": "^8.70.1",
+    "vite": "^8.3.1",
     "vite-plugin-css-injected-by-js": "^5.0.2",
-    "vite-plugin-dts": "^5.0.3"
+    "vite-plugin-dts": "^5.1.1"
   },
   "peerDependencies": {
     "@kreftforeningen/web-css": "^1.0.19",