@accelint/design-toolkit 9.11.1 → 9.11.2

package/catalog-info.yaml

@@ -20,7 +20,7 @@ metadata:
   annotations:
     backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/packages/design-toolkit/catalog-info.yaml
     backstage.io/techdocs-ref: dir:.
-    package/version: 9.11.1
+    package/version: 9.11.2
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
     - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit

package/dist/components/accordion/context.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react8 from "react";
+import * as react23 from "react";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/accordion/context.d.ts
@@ -22,7 +22,7 @@ import { ContextValue } from "react-aria-components/slots";
  * Provides variant and disabled state to nested accordion components
  * (header, trigger, panel) without explicit prop drilling.
  */
-declare const AccordionContext: react8.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare const AccordionContext: react23.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 //#endregion
 export { AccordionContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/accordion/group.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
 
@@ -57,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime29.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { AccordionGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/accordion/header.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 
 //#region src/components/accordion/header.d.ts
 
@@ -44,7 +44,7 @@ declare function AccordionHeader({
   ref,
   children,
   className
-}: AccordionHeaderProps): react_jsx_runtime30.JSX.Element;
+}: AccordionHeaderProps): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/accordion/index.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
@@ -75,7 +75,7 @@ import * as react_jsx_runtime31 from "react/jsx-runtime";
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime31.JSX.Element;
+}: AccordionProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/panel.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionPanelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 
 //#region src/components/accordion/panel.d.ts
 
@@ -47,7 +47,7 @@ declare function AccordionPanel({
   children,
   className,
   ...rest
-}: AccordionPanelProps): react_jsx_runtime0.JSX.Element;
+}: AccordionPanelProps): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/accordion/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
 
@@ -42,7 +42,7 @@ declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime0.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { AccordionTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/action-bar/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ActionBarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/action-bar/index.d.ts
 
@@ -59,7 +59,7 @@ declare function ActionBar({
   elevation,
   size,
   ...rest
-}: ActionBarProps): react_jsx_runtime1.JSX.Element;
+}: ActionBarProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ActionBar };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/audio/index.d.ts

@@ -12,7 +12,7 @@
 
 import { AudioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 
 //#region src/components/audio/index.d.ts
 
@@ -98,7 +98,7 @@ declare function Audio({
   noMutedPref,
   lang,
   ...rest
-}: AudioProps): react_jsx_runtime4.JSX.Element;
+}: AudioProps): react_jsx_runtime88.JSX.Element;
 //#endregion
 export { Audio };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/context.d.ts

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react46 from "react";
+import * as react_jsx_runtime201 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/avatar/context.d.ts
 /**
  * React context for sharing avatar configuration across components.
  */
-declare const AvatarContext: react0.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
+declare const AvatarContext: react46.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Avatar components.
  *
@@ -40,7 +40,7 @@ declare const AvatarContext: react0.Context<ContextValue<AvatarProps, HTMLSpanEl
 declare function AvatarProvider({
   children,
   ...props
-}: ProviderProps<AvatarProps>): react_jsx_runtime2.JSX.Element;
+}: ProviderProps<AvatarProps>): react_jsx_runtime201.JSX.Element;
 //#endregion
 export { AvatarContext, AvatarProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/avatar/index.d.ts

@@ -12,7 +12,7 @@
 
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime236 from "react/jsx-runtime";
 
 //#region src/components/avatar/index.d.ts
 
@@ -55,7 +55,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
 declare function Avatar({
   ref,
   ...props
-}: AvatarProps): react_jsx_runtime3.JSX.Element;
+}: AvatarProps): react_jsx_runtime236.JSX.Element;
 //#endregion
 export { Avatar };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/badge/context.d.ts

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react33 from "react";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react1 from "react";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/badge/context.d.ts
 /**
  * React context for sharing badge configuration across components.
  */
-declare const BadgeContext: react33.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
+declare const BadgeContext: react1.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Badge components.
  *
@@ -40,7 +40,7 @@ declare const BadgeContext: react33.Context<ContextValue<BadgeProps, HTMLSpanEle
 declare function BadgeProvider({
   children,
   ...props
-}: ProviderProps<BadgeProps>): react_jsx_runtime129.JSX.Element;
+}: ProviderProps<BadgeProps>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { BadgeContext, BadgeProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/badge/index.d.ts

@@ -12,7 +12,7 @@
 
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 
 //#region src/components/badge/index.d.ts
 
@@ -57,7 +57,7 @@ import * as react_jsx_runtime5 from "react/jsx-runtime";
 declare function Badge({
   ref,
   ...props
-}: BadgeProps): react_jsx_runtime5.JSX.Element;
+}: BadgeProps): react_jsx_runtime90.JSX.Element;
 //#endregion
 export { Badge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumbs/index.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
 import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components/Breadcrumbs";
 
 //#region src/components/breadcrumbs/index.d.ts
@@ -38,7 +38,7 @@ import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components/Breadcr
 declare function Breadcrumbs({
   children,
   className
-}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime6.JSX.Element;
+}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime89.JSX.Element;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumbs/item.d.ts

@@ -12,7 +12,7 @@
 
 import { BreadcrumbItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/item.d.ts
 
@@ -43,7 +43,7 @@ declare function BreadcrumbItem({
   classNames,
   linkProps,
   ...rest
-}: BreadcrumbItemProps): react_jsx_runtime7.JSX.Element;
+}: BreadcrumbItemProps): react_jsx_runtime91.JSX.Element;
 //#endregion
 export { BreadcrumbItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/button/context.d.ts

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ButtonProps, LinkButtonProps, ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react25 from "react";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/button/context.d.ts
 /**
  * React context for sharing Button configuration across components.
  */
-declare const ButtonContext: react0.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
+declare const ButtonContext: react25.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple Button components.
  *
@@ -40,11 +40,11 @@ declare const ButtonContext: react0.Context<ContextValue<ButtonProps, HTMLButton
 declare function ButtonProvider({
   children,
   ...props
-}: ProviderProps<ButtonProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ButtonProps>): react_jsx_runtime93.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react0.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButtonContext: react25.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
 /**
  * Context provider for setting default props across multiple LinkButton components.
  *
@@ -63,11 +63,11 @@ declare const LinkButtonContext: react0.Context<ContextValue<LinkButtonProps, HT
 declare function LinkButtonProvider({
   children,
   ...props
-}: ProviderProps<LinkButtonProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<LinkButtonProps>): react_jsx_runtime93.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react0.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
+declare const ToggleButtonContext: react25.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple ToggleButton components.
  *
@@ -86,7 +86,7 @@ declare const ToggleButtonContext: react0.Context<ContextValue<ToggleButtonProps
 declare function ToggleButtonProvider({
   children,
   ...props
-}: ProviderProps<ToggleButtonProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ToggleButtonProps>): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { ButtonContext, ButtonProvider, LinkButtonContext, LinkButtonProvider, ToggleButtonContext, ToggleButtonProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/button/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime92 from "react/jsx-runtime";
 
 //#region src/components/button/index.d.ts
 
@@ -72,7 +72,7 @@ import * as react_jsx_runtime11 from "react/jsx-runtime";
 declare function Button({
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime11.JSX.Element;
+}: ButtonProps): react_jsx_runtime92.JSX.Element;
 //#endregion
 export { Button };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button/link.d.ts

@@ -12,7 +12,7 @@
 
 import { LinkButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/button/link.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime12 from "react/jsx-runtime";
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime12.JSX.Element;
+}: LinkButtonProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { LinkButton };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/button/toggle.d.ts

@@ -12,7 +12,7 @@
 
 import { ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 
 //#region src/components/button/toggle.d.ts
 
@@ -76,7 +76,7 @@ import * as react_jsx_runtime13 from "react/jsx-runtime";
 declare function ToggleButton({
   ref,
   ...props
-}: ToggleButtonProps): react_jsx_runtime13.JSX.Element;
+}: ToggleButtonProps): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { ToggleButton };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/carousel/context.d.ts

@@ -13,12 +13,12 @@
 import { ProviderProps } from "../../lib/types.js";
 import { CarouselProps } from "./types.js";
 import "client-only";
-import * as react3 from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react29 from "react";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
 //#region src/components/carousel/context.d.ts
 /** React context providing carousel state to sub-components. */
-declare const CarouselContext: react3.Context<CarouselProps>;
+declare const CarouselContext: react29.Context<CarouselProps>;
 /**
  * Provides carousel state to child components via CarouselContext.
  *
@@ -34,7 +34,7 @@ declare function CarouselProvider({
   items,
   currentPosition,
   setCurrentPosition
-}: ProviderProps<CarouselProps>): react_jsx_runtime14.JSX.Element;
+}: ProviderProps<CarouselProps>): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { CarouselContext, CarouselProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/carousel/gallery.d.ts

@@ -12,7 +12,7 @@
 
 import { CarouselGalleryProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region src/components/carousel/gallery.d.ts
 /**
@@ -32,7 +32,7 @@ import * as react_jsx_runtime16 from "react/jsx-runtime";
 declare function CarouselGallery({
   classNames,
   ...rest
-}: CarouselGalleryProps): react_jsx_runtime16.JSX.Element;
+}: CarouselGalleryProps): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { CarouselGallery };
 //# sourceMappingURL=gallery.d.ts.map

package/dist/components/carousel/index.d.ts

@@ -12,7 +12,7 @@
 
 import { CarouselProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/carousel/index.d.ts
 
@@ -50,7 +50,7 @@ declare function Carousel({
   currentPosition,
   setCurrentPosition,
   ...rest
-}: CarouselProps): react_jsx_runtime15.JSX.Element;
+}: CarouselProps): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { Carousel };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/carousel/navigation.d.ts

@@ -12,7 +12,7 @@
 
 import { ButtonProps } from "../button/types.js";
 import "client-only";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/carousel/navigation.d.ts
 /**
@@ -30,7 +30,7 @@ declare function CarouselPrevious({
   variant,
   isDisabled,
   ...rest
-}: ButtonProps): react_jsx_runtime17.JSX.Element;
+}: ButtonProps): react_jsx_runtime103.JSX.Element;
 /**
  * Navigates the carousel to the next item. Automatically disables when at the last item.
  * Note that it relies on the <Carousel/> component to supply context and must be used
@@ -45,7 +45,7 @@ declare function CarouselNext({
   variant,
   isDisabled,
   ...rest
-}: ButtonProps): react_jsx_runtime17.JSX.Element;
+}: ButtonProps): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { CarouselNext, CarouselPrevious };
 //# sourceMappingURL=navigation.d.ts.map

package/dist/components/carousel/position.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { HTMLAttributes } from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/carousel/position.d.ts
 /**
@@ -27,7 +27,7 @@ import * as react_jsx_runtime19 from "react/jsx-runtime";
 declare function CarouselPosition({
   className,
   ...rest
-}: HTMLAttributes<HTMLDivElement>): react_jsx_runtime19.JSX.Element;
+}: HTMLAttributes<HTMLDivElement>): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { CarouselPosition };
 //# sourceMappingURL=position.d.ts.map

package/dist/components/carousel/select.d.ts

@@ -12,7 +12,7 @@
 
 import { CarouselSelectProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 
 //#region src/components/carousel/select.d.ts
 /**
@@ -32,7 +32,7 @@ import * as react_jsx_runtime20 from "react/jsx-runtime";
 declare function CarouselSelect({
   classNames,
   ...rest
-}: CarouselSelectProps): react_jsx_runtime20.JSX.Element;
+}: CarouselSelectProps): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { CarouselSelect };
 //# sourceMappingURL=select.d.ts.map

package/dist/components/carousel/viewer.d.ts

@@ -12,7 +12,7 @@
 
 import { CarouselViewerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/components/carousel/viewer.d.ts
 /**
@@ -34,7 +34,7 @@ declare function CarouselViewer({
   children,
   classNames,
   ...rest
-}: CarouselViewerProps): react_jsx_runtime21.JSX.Element;
+}: CarouselViewerProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { CarouselViewer };
 //# sourceMappingURL=viewer.d.ts.map

package/dist/components/checkbox/context.d.ts

@@ -12,18 +12,18 @@
 
 import { CheckboxGroupProps, CheckboxProps } from "./types.js";
 import "client-only";
-import * as react4 from "react";
+import * as react6 from "react";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/checkbox/context.d.ts
 /**
  * React context for sharing CheckboxGroup configuration across components.
  */
-declare const CheckboxGroupContext: react4.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+declare const CheckboxGroupContext: react6.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
 /**
  * React context for sharing Checkbox configuration across components.
  */
-declare const CheckboxContext: react4.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+declare const CheckboxContext: react6.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
 //#endregion
 export { CheckboxContext, CheckboxGroupContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/checkbox/group.d.ts

@@ -12,7 +12,7 @@
 
 import { CheckboxGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/checkbox/group.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime23 from "react/jsx-runtime";
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime23.JSX.Element;
+}: CheckboxGroupProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { CheckboxGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/checkbox/index.d.ts

@@ -12,7 +12,7 @@
 
 import { CheckboxProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/checkbox/index.d.ts
 
@@ -69,7 +69,7 @@ import * as react_jsx_runtime22 from "react/jsx-runtime";
 declare function Checkbox({
   ref,
   ...props
-}: CheckboxProps): react_jsx_runtime22.JSX.Element;
+}: CheckboxProps): react_jsx_runtime42.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.js

@@ -15,6 +15,7 @@
 
 import { Icon } from "../icon/index.js";
 import { CheckboxContext } from "./context.js";
+import { usePreventScrollFocus } from "../../hooks/use-prevent-scroll-focus/index.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { composeRenderProps } from "react-aria-components/composeRenderProps";
@@ -79,9 +80,10 @@ import { Checkbox as Checkbox$1 } from "react-aria-components/Checkbox";
 function Checkbox({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, CheckboxContext);
 	const { classNames, children, labelPosition = "end", ...rest } = props;
+	const handleRef = usePreventScrollFocus(ref);
 	return /* @__PURE__ */ jsx(Checkbox$1, {
 		...rest,
-		ref,
+		ref: handleRef,
 		className: composeRenderProps(classNames?.checkbox, (className) => clsx("group/checkbox", styles.checkbox, labelPosition === "start" && styles.labelStart, className)),
 		children: composeRenderProps(children, (children$1, { isIndeterminate, isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 			className: clsx(styles.control, classNames?.control),