@accelint/design-toolkit 9.9.2 → 9.10.0

package/catalog-info.yaml

@@ -12,7 +12,7 @@ metadata:
     Dependencies:
 
     accelint_biome-config@1.1.0, accelint_bus@4.0.0, accelint_converters@1.0.1,
-    accelint_core@0.6.0, accelint_design-foundation@3.0.2, accelint_geo@0.6.0,
+    accelint_core@0.6.0, accelint_design-foundation@3.1.0, accelint_geo@0.6.0,
     accelint_icons@3.0.0, accelint_logger@1.1.0,
     accelint_postcss-tailwind-css-modules@1.0.1, accelint_predicates@0.5.2,
     accelint_prettier-config@0.2.1, accelint_temporal@0.1.4,
@@ -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.9.2
+    package/version: 9.10.0
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
     - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit

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

@@ -12,7 +12,7 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
 
@@ -57,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime2.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime120.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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/accordion/header.d.ts
 
@@ -44,7 +44,7 @@ declare function AccordionHeader({
   ref,
   children,
   className
-}: AccordionHeaderProps): react_jsx_runtime0.JSX.Element;
+}: AccordionHeaderProps): react_jsx_runtime1.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
@@ -75,7 +75,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime1.JSX.Element;
+}: AccordionProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/styles.module.css

@@ -46,10 +46,21 @@
   }
 
   .panel {
-    @apply p-s;
+    @apply grid overflow-hidden;
+    grid-template-rows: 1fr;
 
     @variant aria-hidden {
-      @apply hidden;
+      grid-template-rows: 0fr;
+    }
+
+    & > * {
+      min-height: 0;
+      @apply p-s;
+    }
+
+    @variant motion-safe {
+      transition: grid-template-rows var(--animation-duration-normal)
+        var(--animation-easing-standard);
     }
   }
 
@@ -59,6 +70,11 @@
     @variant group-expanded/accordion {
       @apply rotate-180;
     }
+
+    @variant motion-safe {
+      transition: transform var(--animation-duration-normal)
+        var(--animation-easing-standard);
+    }
   }
 }
 
@@ -70,7 +86,7 @@
   }
 
   .trigger {
-    @apply w-full justify-start px-0 select-none;
+    @apply w-full justify-start px-0 transition-none select-none;
 
     &.cozy {
       @apply gap-s text-header-m;

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

@@ -12,7 +12,7 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
 
@@ -42,7 +42,7 @@ declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime4.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime183.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_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime182 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_runtime51.JSX.Element;
+}: ActionBarProps): react_jsx_runtime182.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_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/audio/index.d.ts
 
@@ -98,7 +98,7 @@ declare function Audio({
   noMutedPref,
   lang,
   ...rest
-}: AudioProps): react_jsx_runtime52.JSX.Element;
+}: AudioProps): react_jsx_runtime7.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 react17 from "react";
+import * as react2 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/avatar/context.d.ts
 /**
  * React context for sharing avatar configuration across components.
  */
-declare const AvatarContext: react17.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
+declare const AvatarContext: react2.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Avatar components.
  *
@@ -40,7 +40,7 @@ declare const AvatarContext: react17.Context<ContextValue<AvatarProps, HTMLSpanE
 declare function AvatarProvider({
   children,
   ...props
-}: ProviderProps<AvatarProps>): react_jsx_runtime53.JSX.Element;
+}: ProviderProps<AvatarProps>): react_jsx_runtime9.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_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/avatar/index.d.ts
 
@@ -55,7 +55,7 @@ import * as react_jsx_runtime54 from "react/jsx-runtime";
 declare function Avatar({
   ref,
   ...props
-}: AvatarProps): react_jsx_runtime54.JSX.Element;
+}: AvatarProps): react_jsx_runtime11.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 react0 from "react";
+import * as react3 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/badge/context.d.ts
 /**
  * React context for sharing badge configuration across components.
  */
-declare const BadgeContext: react0.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
+declare const BadgeContext: react3.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Badge components.
  *
@@ -40,7 +40,7 @@ declare const BadgeContext: react0.Context<ContextValue<BadgeProps, HTMLSpanElem
 declare function BadgeProvider({
   children,
   ...props
-}: ProviderProps<BadgeProps>): react_jsx_runtime5.JSX.Element;
+}: ProviderProps<BadgeProps>): react_jsx_runtime13.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_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/badge/index.d.ts
 
@@ -57,7 +57,7 @@ import * as react_jsx_runtime22 from "react/jsx-runtime";
 declare function Badge({
   ref,
   ...props
-}: BadgeProps): react_jsx_runtime22.JSX.Element;
+}: BadgeProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Badge };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime6 from "react/jsx-runtime";
 declare function Breadcrumbs({
   children,
   className
-}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime6.JSX.Element;
+}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime16.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_runtime18 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_runtime18.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 as ButtonProps$1, LinkButtonProps, ToggleButtonProps as ToggleButtonProps$1 } from "./types.js";
 import "client-only";
-import * as react1 from "react";
+import * as react5 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/button/context.d.ts
 /**
  * React context for sharing Button configuration across components.
  */
-declare const ButtonContext: react1.Context<ContextValue<ButtonProps$1, HTMLButtonElement>>;
+declare const ButtonContext: react5.Context<ContextValue<ButtonProps$1, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple Button components.
  *
@@ -40,11 +40,11 @@ declare const ButtonContext: react1.Context<ContextValue<ButtonProps$1, HTMLButt
 declare function ButtonProvider({
   children,
   ...props
-}: ProviderProps<ButtonProps$1>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ButtonProps$1>): react_jsx_runtime20.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react1.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButtonContext: react5.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
 /**
  * Context provider for setting default props across multiple LinkButton components.
  *
@@ -63,11 +63,11 @@ declare const LinkButtonContext: react1.Context<ContextValue<LinkButtonProps, HT
 declare function LinkButtonProvider({
   children,
   ...props
-}: ProviderProps<LinkButtonProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<LinkButtonProps>): react_jsx_runtime20.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react1.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
+declare const ToggleButtonContext: react5.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple ToggleButton components.
  *
@@ -86,7 +86,7 @@ declare const ToggleButtonContext: react1.Context<ContextValue<ToggleButtonProps
 declare function ToggleButtonProvider({
   children,
   ...props
-}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime20.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/button/index.d.ts
 
@@ -72,7 +72,7 @@ import * as react_jsx_runtime12 from "react/jsx-runtime";
 declare function Button({
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime12.JSX.Element;
+}: ButtonProps): react_jsx_runtime25.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_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/button/link.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime13 from "react/jsx-runtime";
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime13.JSX.Element;
+}: LinkButtonProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { LinkButton };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/button/styles.module.css

@@ -16,6 +16,14 @@
   .button {
     @apply rounded-medium flex w-fit shrink-0 cursor-pointer items-center justify-center outline outline-transparent select-none;
 
+    @variant motion-safe {
+      transition:
+        background-color var(--animation-duration-normal)
+          var(--animation-easing-standard),
+        outline-color var(--animation-duration-normal)
+          var(--animation-easing-standard);
+    }
+
     @variant size-large {
       @apply gap-xs px-l py-s text-button-l;
       min-width: 96px;
@@ -404,6 +412,14 @@
   }
 
   .toggle {
+    @variant motion-safe {
+      transition:
+        background-color var(--animation-duration-normal)
+          var(--animation-easing-standard),
+        outline-color var(--animation-duration-normal)
+          var(--animation-easing-standard);
+    }
+
     &.flat {
       @variant color-mono-muted {
         @apply fg-primary-muted bg-transparent;

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

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

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

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { ProviderProps } from "../../lib/types.js";
+import { CarouselProps } from "./types.js";
+import "client-only";
+import * as react10 from "react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+
+//#region src/components/carousel/context.d.ts
+/** React context providing carousel state to sub-components. */
+declare const CarouselContext: react10.Context<CarouselProps>;
+/**
+ * Provides carousel state to child components via CarouselContext.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components that consume carousel context.
+ * @param props.items - The carousel data items.
+ * @param props.currentPosition - Zero-based index of the active item.
+ * @param props.setCurrentPosition - Callback to update the active item.
+ * @returns The context provider wrapping children.
+ */
+declare function CarouselProvider({
+  children,
+  items,
+  currentPosition,
+  setCurrentPosition
+}: ProviderProps<CarouselProps>): react_jsx_runtime30.JSX.Element;
+//#endregion
+export { CarouselContext, CarouselProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/carousel/context.js

@@ -0,0 +1,55 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+'use client';
+
+import "client-only";
+import { createContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/carousel/context.tsx
+/** React context providing carousel state to sub-components. */
+const CarouselContext = createContext({
+	currentPosition: 0,
+	items: [],
+	setCurrentPosition: () => void 0
+});
+/**
+* Provides carousel state to child components via CarouselContext.
+*
+* @param props - The provider props.
+* @param props.children - Child components that consume carousel context.
+* @param props.items - The carousel data items.
+* @param props.currentPosition - Zero-based index of the active item.
+* @param props.setCurrentPosition - Callback to update the active item.
+* @returns The context provider wrapping children.
+*/
+function CarouselProvider({ children, items, currentPosition, setCurrentPosition }) {
+	const value = useMemo(() => ({
+		currentPosition,
+		items,
+		setCurrentPosition
+	}), [
+		currentPosition,
+		items,
+		setCurrentPosition
+	]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { CarouselContext, CarouselProvider };
+//# sourceMappingURL=context.js.map

package/dist/components/carousel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/carousel/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext, useMemo } from 'react';\nimport type { ProviderProps } from '@/lib/types';\nimport type { CarouselProps } from './types';\n\n/** React context providing carousel state to sub-components. */\nexport const CarouselContext = createContext<CarouselProps>({\n  currentPosition: 0,\n  items: [],\n  setCurrentPosition: () => undefined,\n});\n\n/**\n * Provides carousel state to child components via CarouselContext.\n *\n * @param props - The provider props.\n * @param props.children - Child components that consume carousel context.\n * @param props.items - The carousel data items.\n * @param props.currentPosition - Zero-based index of the active item.\n * @param props.setCurrentPosition - Callback to update the active item.\n * @returns The context provider wrapping children.\n */\nexport function CarouselProvider({\n  children,\n  items,\n  currentPosition,\n  setCurrentPosition,\n}: ProviderProps<CarouselProps>) {\n  const value = useMemo(\n    () => ({ currentPosition, items, setCurrentPosition }),\n    [currentPosition, items, setCurrentPosition],\n  );\n\n  return (\n    <CarouselContext.Provider value={value}>\n      {children}\n    </CarouselContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,kBAAkB,cAA6B;CAC1D,iBAAiB;CACjB,OAAO,EAAE;CACT,0BAA0B;CAC3B,CAAC;;;;;;;;;;;AAYF,SAAgB,iBAAiB,EAC/B,UACA,OACA,iBACA,sBAC+B;CAC/B,MAAM,QAAQ,eACL;EAAE;EAAiB;EAAO;EAAoB,GACrD;EAAC;EAAiB;EAAO;EAAmB,CAC7C;AAED,QACE,oBAAC,gBAAgB;EAAgB;EAC9B;GACwB"}

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

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { CarouselGalleryProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+
+//#region src/components/carousel/gallery.d.ts
+/**
+ * Renders a horizontally-scrolling strip of thumbnail buttons for carousel navigation.
+ *
+ * Automatically scrolls to keep the selected thumbnail visible. Clicking a
+ * thumbnail navigates the carousel to that item. Note that it relies on the <Carousel/>
+ * component to supply context and must be used as a child of that component.
+ *
+ * @param props - The gallery props.
+ * @param props.classNames - Custom class names for gallery elements.
+ * @param props.classNames.container - Class name for the gallery container.
+ * @param props.classNames.item - Class name for individual gallery items.
+ * @returns The carousel gallery component.
+ * ```
+ */
+declare function CarouselGallery({
+  classNames,
+  ...rest
+}: CarouselGalleryProps): react_jsx_runtime31.JSX.Element;
+//#endregion
+export { CarouselGallery };
+//# sourceMappingURL=gallery.d.ts.map