@accelint/design-toolkit 10.0.0 → 10.1.0

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

@@ -12,7 +12,7 @@
 
 import { RadioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 
 //#region src/components/radio/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime150 from "react/jsx-runtime";
 declare function Radio({
   ref,
   ...props
-}: RadioProps): react_jsx_runtime150.JSX.Element;
+}: RadioProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { Radio };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-field/context.d.ts

@@ -13,8 +13,8 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SearchFieldProps } from "./types.js";
 import "client-only";
-import * as react35 from "react";
-import * as react_jsx_runtime153 from "react/jsx-runtime";
+import * as react51 from "react";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/search-field/context.d.ts
@@ -23,7 +23,7 @@ import { ContextValue } from "react-aria-components/slots";
  *
  * Provides context for SearchField component to share props
  */
-declare const SearchFieldContext: react35.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+declare const SearchFieldContext: react51.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
 /**
  * Provider for SearchField component
  *
@@ -35,7 +35,7 @@ declare const SearchFieldContext: react35.Context<ContextValue<SearchFieldProps,
 declare function SearchFieldProvider({
   children,
   ...props
-}: ProviderProps<SearchFieldProps>): react_jsx_runtime153.JSX.Element;
+}: ProviderProps<SearchFieldProps>): react_jsx_runtime218.JSX.Element;
 //#endregion
 export { SearchFieldContext, SearchFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/search-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SearchFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime222 from "react/jsx-runtime";
 
 //#region src/components/search-field/index.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime188 from "react/jsx-runtime";
 declare function SearchField({
   ref,
   ...props
-}: SearchFieldProps): react_jsx_runtime188.JSX.Element;
+}: SearchFieldProps): react_jsx_runtime222.JSX.Element;
 //#endregion
 export { SearchField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react36 from "react";
-import * as react_jsx_runtime155 from "react/jsx-runtime";
+import * as react52 from "react";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/select-field/context.d.ts
 /** Context for SelectField component */
-declare const SelectFieldContext: react36.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
+declare const SelectFieldContext: react52.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
 /**
  * Provider for setting default props across multiple SelectField components
  *
@@ -29,7 +29,7 @@ declare const SelectFieldContext: react36.Context<ContextValue<SelectFieldProps,
 declare function SelectFieldProvider({
   children,
   ...props
-}: ProviderProps<SelectFieldProps>): react_jsx_runtime155.JSX.Element;
+}: ProviderProps<SelectFieldProps>): react_jsx_runtime223.JSX.Element;
 //#endregion
 export { SelectFieldContext, SelectFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/select-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime157 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 
 //#region src/components/select-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime157 from "react/jsx-runtime";
 declare function SelectField({
   ref,
   ...props
-}: SelectFieldProps): react_jsx_runtime157.JSX.Element;
+}: SelectFieldProps): react_jsx_runtime221.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavAvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as react_jsx_runtime224 from "react/jsx-runtime";
 
 //#region src/components/sidenav/avatar.d.ts
 
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
   children,
   className,
   ...rest
-}: SidenavAvatarProps): react_jsx_runtime159.JSX.Element;
+}: SidenavAvatarProps): react_jsx_runtime224.JSX.Element;
 //#endregion
 export { SidenavAvatar };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/sidenav/content.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime225 from "react/jsx-runtime";
 
 //#region src/components/sidenav/content.d.ts
 
@@ -45,7 +45,7 @@ declare function SidenavContent({
   className,
   children,
   ...rest
-}: SidenavContentProps): react_jsx_runtime156.JSX.Element;
+}: SidenavContentProps): react_jsx_runtime225.JSX.Element;
 //#endregion
 export { SidenavContent };
 //# sourceMappingURL=content.d.ts.map

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

@@ -12,11 +12,11 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react37 from "react";
+import * as react57 from "react";
 
 //#region src/components/sidenav/context.d.ts
 /** Context for sidenav state and identification */
-declare const SidenavContext: react37.Context<SidenavContextValue>;
+declare const SidenavContext: react57.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime158 from "react/jsx-runtime";
  * @param props - {@link SidenavFooterProps}
  * @returns The rendered SidenavFooter component.
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime158.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime245 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime161.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime245.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime238 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -87,7 +87,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime162.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime238.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime163 from "react/jsx-runtime";
+import * as react_jsx_runtime239 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime163.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime239.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime151.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime214.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/menu-item.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavMenuItemProps } from "./types.js";
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime243 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu-item.d.ts
 
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
   className,
   children,
   ...rest
-}: SidenavMenuItemProps): react_jsx_runtime154.JSX.Element;
+}: SidenavMenuItemProps): react_jsx_runtime243.JSX.Element;
 //#endregion
 export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime219 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime164.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime219.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react_jsx_runtime220 from "react/jsx-runtime";
 
 //#region src/components/sidenav/trigger.d.ts
 
@@ -39,7 +39,7 @@ declare function SidenavTrigger({
   children,
   for: type,
   ...rest
-}: SidenavTriggerProps): react_jsx_runtime160.JSX.Element;
+}: SidenavTriggerProps): react_jsx_runtime220.JSX.Element;
 //#endregion
 export { SidenavTrigger };
 //# sourceMappingURL=trigger.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { SkeletonProps } from "./types.js";
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/skeleton/index.d.ts
 /**
@@ -34,7 +34,7 @@ declare function Skeleton({
   className,
   variant,
   ...rest
-}: SkeletonProps): react_jsx_runtime165.JSX.Element;
+}: SkeletonProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime196 from "react/jsx-runtime";
 
 //#region src/components/slider/index.d.ts
 
@@ -71,7 +71,7 @@ declare function Slider({
   step: stepProp,
   value: valueProp,
   ...rest
-}: SliderProps): react_jsx_runtime166.JSX.Element;
+}: SliderProps): react_jsx_runtime196.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/status-indicator/index.d.ts

@@ -12,7 +12,7 @@
 
 import { StatusIndicatorProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/status-indicator/index.d.ts
 
@@ -41,7 +41,7 @@ declare function StatusIndicator({
   status,
   textValue,
   ...rest
-}: StatusIndicatorProps): react_jsx_runtime104.JSX.Element;
+}: StatusIndicatorProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { StatusIndicator };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/stepper/back.d.ts

@@ -0,0 +1,71 @@
+/*
+ * 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 { StepperBackProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
+
+//#region src/components/stepper/back.d.ts
+
+/**
+ * Navigation button that moves to the previous step.
+ *
+ * Automatically disables on the first step unless the disabled state is
+ * explicitly overridden. Uses an accessible name of `Go to previous step`
+ * regardless of the visible button label.
+ *
+ * @param props - The back-button props.
+ * @param props.children - Visible button content, typically "Back" or an icon.
+ * @param props.isDisabled - Overrides the automatic first-step disabled state.
+ * @param props.className - CSS class applied to the button.
+ * @returns The rendered previous-step button.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <Stepper defaultStep="step-1">
+ *   <StepperList>
+ *     <StepperStep id="step-1">Step 1</StepperStep>
+ *     <StepperStep id="step-2">Step 2</StepperStep>
+ *   </StepperList>
+ *   <StepperPanel id="step-1">Content 1</StepperPanel>
+ *   <StepperPanel id="step-2">Content 2</StepperPanel>
+ *   <StepperBack>Back</StepperBack>
+ *   <StepperNext>Next</StepperNext>
+ * </Stepper>
+ * ```
+ *
+ * @example
+ * Override disabled state:
+ * ```tsx
+ * <StepperBack isDisabled={false}>
+ *   Always Enabled Back
+ * </StepperBack>
+ * ```
+ *
+ * @example
+ * Custom styling:
+ * ```tsx
+ * <StepperBack className="custom-back-button">
+ *   ← Previous
+ * </StepperBack>
+ * ```
+ */
+declare function StepperBack({
+  children,
+  isDisabled: isDisabledProp,
+  className,
+  ...rest
+}: StepperBackProps): react_jsx_runtime176.JSX.Element;
+//#endregion
+export { StepperBack };
+//# sourceMappingURL=back.d.ts.map

package/dist/components/stepper/back.js

@@ -0,0 +1,82 @@
+/*
+ * 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 { Button } from "../button/index.js";
+import { useStepperContext } from "./context.js";
+import "client-only";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/stepper/back.tsx
+/**
+* Navigation button that moves to the previous step.
+*
+* Automatically disables on the first step unless the disabled state is
+* explicitly overridden. Uses an accessible name of `Go to previous step`
+* regardless of the visible button label.
+*
+* @param props - The back-button props.
+* @param props.children - Visible button content, typically "Back" or an icon.
+* @param props.isDisabled - Overrides the automatic first-step disabled state.
+* @param props.className - CSS class applied to the button.
+* @returns The rendered previous-step button.
+*
+* @example
+* Basic usage:
+* ```tsx
+* <Stepper defaultStep="step-1">
+*   <StepperList>
+*     <StepperStep id="step-1">Step 1</StepperStep>
+*     <StepperStep id="step-2">Step 2</StepperStep>
+*   </StepperList>
+*   <StepperPanel id="step-1">Content 1</StepperPanel>
+*   <StepperPanel id="step-2">Content 2</StepperPanel>
+*   <StepperBack>Back</StepperBack>
+*   <StepperNext>Next</StepperNext>
+* </Stepper>
+* ```
+*
+* @example
+* Override disabled state:
+* ```tsx
+* <StepperBack isDisabled={false}>
+*   Always Enabled Back
+* </StepperBack>
+* ```
+*
+* @example
+* Custom styling:
+* ```tsx
+* <StepperBack className="custom-back-button">
+*   ← Previous
+* </StepperBack>
+* ```
+*/
+function StepperBack({ children = "Back", isDisabled: isDisabledProp, className, ...rest }) {
+	const { previous, isFirstStep } = useStepperContext();
+	const isDisabled = isDisabledProp ?? isFirstStep;
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		className,
+		isDisabled,
+		onPress: previous,
+		"aria-label": "Go to previous step",
+		"aria-disabled": isDisabled,
+		children
+	});
+}
+
+//#endregion
+export { StepperBack };
+//# sourceMappingURL=back.js.map

package/dist/components/stepper/back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back.js","names":[],"sources":["../../../src/components/stepper/back.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 { Button } from '../button';\nimport { useStepperContext } from './context';\nimport type { StepperBackProps } from './types';\n\n/**\n * Navigation button that moves to the previous step.\n *\n * Automatically disables on the first step unless the disabled state is\n * explicitly overridden. Uses an accessible name of `Go to previous step`\n * regardless of the visible button label.\n *\n * @param props - The back-button props.\n * @param props.children - Visible button content, typically \"Back\" or an icon.\n * @param props.isDisabled - Overrides the automatic first-step disabled state.\n * @param props.className - CSS class applied to the button.\n * @returns The rendered previous-step button.\n *\n * @example\n * Basic usage:\n * ```tsx\n * <Stepper defaultStep=\"step-1\">\n *   <StepperList>\n *     <StepperStep id=\"step-1\">Step 1</StepperStep>\n *     <StepperStep id=\"step-2\">Step 2</StepperStep>\n *   </StepperList>\n *   <StepperPanel id=\"step-1\">Content 1</StepperPanel>\n *   <StepperPanel id=\"step-2\">Content 2</StepperPanel>\n *   <StepperBack>Back</StepperBack>\n *   <StepperNext>Next</StepperNext>\n * </Stepper>\n * ```\n *\n * @example\n * Override disabled state:\n * ```tsx\n * <StepperBack isDisabled={false}>\n *   Always Enabled Back\n * </StepperBack>\n * ```\n *\n * @example\n * Custom styling:\n * ```tsx\n * <StepperBack className=\"custom-back-button\">\n *   ← Previous\n * </StepperBack>\n * ```\n */\nexport function StepperBack({\n  children = 'Back',\n  isDisabled: isDisabledProp,\n  className,\n  ...rest\n}: StepperBackProps) {\n  const { previous, isFirstStep } = useStepperContext();\n\n  // Auto-disable at first step unless explicitly overridden\n  const isDisabled = isDisabledProp ?? isFirstStep;\n\n  return (\n    <Button\n      {...rest}\n      className={className}\n      isDisabled={isDisabled}\n      onPress={previous}\n      aria-label='Go to previous step'\n      aria-disabled={isDisabled}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,SAAgB,YAAY,EAC1B,WAAW,QACX,YAAY,gBACZ,WACA,GAAG,QACgB;CACnB,MAAM,EAAE,UAAU,gBAAgB,mBAAmB;CAGrD,MAAM,aAAa,kBAAkB;AAErC,QACE,oBAAC;EACC,GAAI;EACO;EACC;EACZ,SAAS;EACT,cAAW;EACX,iBAAe;EAEd;GACM"}

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

@@ -0,0 +1,49 @@
+/*
+ * 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 { StepperState } from "./use-stepper-state.js";
+import "client-only";
+import * as react42 from "react";
+
+//#region src/components/stepper/context.d.ts
+/**
+ * Context for sharing Stepper state across child components.
+ *
+ * Provides access to current step, completion tracking, navigation methods,
+ * and step registration for StepperStep, StepperPanel, and navigation components.
+ *
+ * @example
+ * ```tsx
+ * const { currentStep, completedSteps, next, previous } = useStepperContext();
+ * ```
+ */
+declare const StepperContext: react42.Context<StepperState | null>;
+/**
+ * Returns the nearest stepper state from context.
+ *
+ * Must be called within a {@link Stepper} component tree.
+ *
+ * @returns The shared stepper state for the current component subtree.
+ * @throws {Error} Throws when called outside a stepper provider.
+ *
+ * @example
+ * ```tsx
+ * function CustomStepIndicator() {
+ *   const { currentStep, steps, isFirstStep } = useStepperContext();
+ *   return <div>Step {steps.indexOf(currentStep) + 1} of {steps.length}</div>;
+ * }
+ * ```
+ */
+declare function useStepperContext(): StepperState;
+//#endregion
+export { StepperContext, useStepperContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/stepper/context.js

@@ -0,0 +1,56 @@
+/*
+ * 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, useContext } from "react";
+
+//#region src/components/stepper/context.tsx
+/**
+* Context for sharing Stepper state across child components.
+*
+* Provides access to current step, completion tracking, navigation methods,
+* and step registration for StepperStep, StepperPanel, and navigation components.
+*
+* @example
+* ```tsx
+* const { currentStep, completedSteps, next, previous } = useStepperContext();
+* ```
+*/
+const StepperContext = createContext(null);
+/**
+* Returns the nearest stepper state from context.
+*
+* Must be called within a {@link Stepper} component tree.
+*
+* @returns The shared stepper state for the current component subtree.
+* @throws {Error} Throws when called outside a stepper provider.
+*
+* @example
+* ```tsx
+* function CustomStepIndicator() {
+*   const { currentStep, steps, isFirstStep } = useStepperContext();
+*   return <div>Step {steps.indexOf(currentStep) + 1} of {steps.length}</div>;
+* }
+* ```
+*/
+function useStepperContext() {
+	const context = useContext(StepperContext);
+	if (context === null) throw new Error("useStepperContext must be used within a Stepper component");
+	return context;
+}
+
+//#endregion
+export { StepperContext, useStepperContext };
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/stepper/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, useContext } from 'react';\nimport type { StepperState } from './use-stepper-state';\n\n/**\n * Context for sharing Stepper state across child components.\n *\n * Provides access to current step, completion tracking, navigation methods,\n * and step registration for StepperStep, StepperPanel, and navigation components.\n *\n * @example\n * ```tsx\n * const { currentStep, completedSteps, next, previous } = useStepperContext();\n * ```\n */\nexport const StepperContext = createContext<StepperState | null>(null);\n\n/**\n * Returns the nearest stepper state from context.\n *\n * Must be called within a {@link Stepper} component tree.\n *\n * @returns The shared stepper state for the current component subtree.\n * @throws {Error} Throws when called outside a stepper provider.\n *\n * @example\n * ```tsx\n * function CustomStepIndicator() {\n *   const { currentStep, steps, isFirstStep } = useStepperContext();\n *   return <div>Step {steps.indexOf(currentStep) + 1} of {steps.length}</div>;\n * }\n * ```\n */\nexport function useStepperContext(): StepperState {\n  const context = useContext(StepperContext);\n\n  if (context === null) {\n    throw new Error(\n      'useStepperContext must be used within a Stepper component',\n    );\n  }\n\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,iBAAiB,cAAmC,KAAK;;;;;;;;;;;;;;;;;AAkBtE,SAAgB,oBAAkC;CAChD,MAAM,UAAU,WAAW,eAAe;AAE1C,KAAI,YAAY,KACd,OAAM,IAAI,MACR,4DACD;AAGH,QAAO"}