@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/lib/components/Sidebar/Sidebar.types.d.ts

@@ -0,0 +1,56 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { Theme } from '../../../domain/theme';
+import { wrapperSiderbarVariants } from './Sidebar.variants';
+import { FooterProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';
+/**
+ * Props for the Sidebar component.
+ * A compound component for building application sidebars with navigation.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar canResize minWith={200} maxWith={400}>
+ *   <Sidebar.Logo>
+ *     <img src="/logo.svg" alt="Logo" />
+ *   </Sidebar.Logo>
+ *   <Sidebar.Navigation>
+ *     <Sidebar.NavigationGroup label="Main">
+ *       <Sidebar.NavigationOption href="/dashboard" icon={<Home />}>
+ *         Dashboard
+ *       </Sidebar.NavigationOption>
+ *       <Sidebar.NavigationOption href="/settings" icon={<Settings />}>
+ *         Settings
+ *       </Sidebar.NavigationOption>
+ *     </Sidebar.NavigationGroup>
+ *   </Sidebar.Navigation>
+ *   <Sidebar.Footer>v1.0.0</Sidebar.Footer>
+ * </Sidebar>
+ * ```
+ */
+export interface Props extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
+    /** Whether the sidebar can be resized by dragging */
+    canResize?: boolean;
+    /** Additional CSS classes for the divider */
+    dividerClassName?: string;
+    /** Maximum width when resizing (in pixels) */
+    maxWith?: number;
+    /** Minimum width when resizing (in pixels) */
+    minWith?: number;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Additional CSS classes for the wrapper */
+    wrapperClassName?: string;
+}
+/** @deprecated Use Props instead */
+export type SidebarProps = Props;
+/**
+ * Sidebar compound component type with sub-components.
+ */
+export type SidebarChildrenProps = {
+    Footer: FC<FooterProps>;
+    Logo: FC<LogoProps>;
+    Navigation: FC<NavigationProps>;
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+};

package/dist/lib/components/Sidebar/Sidebar.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const wrapperSiderbarVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const dragVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Footer/Footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Footer.types';
+declare const Footer: FC<Props>;
+export { Footer };

package/dist/lib/components/Sidebar/components/Footer/Footer.types.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { footerVariants } from './Footer.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof footerVariants> {
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type FooterProps = Props;

package/dist/lib/components/Sidebar/components/Footer/Footer.variants.d.ts

@@ -0,0 +1 @@
+export declare const footerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Logo/Logo.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Logo.types';
+declare const Logo: FC<Props>;
+export { Logo };

package/dist/lib/components/Sidebar/components/Logo/Logo.types.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { logoVariants } from './Logo.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type LogoProps = Props;

package/dist/lib/components/Sidebar/components/Logo/Logo.variants.d.ts

@@ -0,0 +1 @@
+export declare const logoVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Navigation/Navigation.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationChildrenProps, Props } from './Navigation.types';
+declare const Navigation: FC<Props> & NavigationChildrenProps;
+export { Navigation };

package/dist/lib/components/Sidebar/components/Navigation/Navigation.types.d.ts

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { Props as NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
+import { Props as NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
+import { Props as NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
+import { Props as NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
+import { navigationVariants } from './Navigation.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationVariants> {
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type NavigationProps = Props;
+export type NavigationChildrenProps = {
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+    NavigationTitle: FC<NavigationTitleProps>;
+};

package/dist/lib/components/Sidebar/components/Navigation/Navigation.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './NavigationGroup.types';
+declare const NavigationGroup: FC<Props>;
+export { NavigationGroup };

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
+import { navigationGroupsVariants } from './NavigationGroup.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    title?: string;
+    titleClassName?: string;
+    isVisible?: boolean;
+}
+/** @deprecated Use Props instead */
+export type NavigationGroupProps = Props;

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationGroupsVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationOption/NavigationOption.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './NavigationOption.types';
+declare const NavigationOption: FC<Props>;
+export { NavigationOption };

package/dist/lib/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { navigationOptionVariants } from './NavigationOption.variants';
+type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
+    className?: string;
+    isVisible?: boolean;
+    isActive?: boolean;
+};
+export type Props = NavigationOption & ({
+    role: 'button';
+    children: ReactNode;
+    onClick: VoidFunction;
+} | {
+    role?: never;
+    children: ReactNode;
+});
+/** @deprecated Use Props instead */
+export type NavigationOptionProps = Props;
+export {};

package/dist/lib/components/Sidebar/components/NavigationOption/NavigationOption.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationOptionVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './NavigationSeparator.types';
+declare const NavigationSeparator: FC<Props>;
+export { NavigationSeparator };

package/dist/lib/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+import { navigationSeparatorVariant } from './NavigationSeparator.variants';
+export interface Props extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
+}
+/** @deprecated Use Props instead */
+export type NavigationSeparatorProps = Props;

package/dist/lib/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationSeparatorVariant: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './NavigationTitle.types';
+declare const NavigationTitle: FC<Props>;
+export { NavigationTitle };

package/dist/lib/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { HtmlHTMLAttributes } from 'react';
+import { navigationTitleVariants } from './NavigationTitle.variants';
+export interface Props extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
+    title: string;
+    className?: string;
+    isVisible?: boolean;
+}
+/** @deprecated Use Props instead */
+export type NavigationTitleProps = Props;

package/dist/lib/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SidebarProps } from '../../Sidebar.types';
+declare const Wrapper: FC<SidebarProps>;
+export { Wrapper };

package/dist/lib/components/Sidebar/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from './Footer/Footer';
+export type { FooterProps } from './Footer/Footer.types';
+export * from './Logo/Logo';
+export type { LogoProps } from './Logo/Logo.types';
+export * from './Navigation/Navigation';
+export type { NavigationProps, NavigationChildrenProps, } from './Navigation/Navigation.types';
+export * from './NavigationGroup/NavigationGroup';
+export type { NavigationGroupProps } from './NavigationGroup/NavigationGroup.types';
+export * from './NavigationOption/NavigationOption';
+export type { NavigationOptionProps } from './NavigationOption/NavigationOption.types';
+export * from './NavigationSeparator/NavigationSeparator';
+export type { NavigationSeparatorProps } from './NavigationSeparator/NavigationSeparator.types';
+export * from './NavigationTitle/NavigationTitle';
+export type { NavigationTitleProps } from './NavigationTitle/NavigationTitle.types';
+export * from './Wrapper/Wrapper';

package/dist/lib/components/Slider/Slider.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { Props } from './Slider.types';
+/**
+ * A single-thumb slider component for selecting a value.
+ * Built on Radix UI Slider for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   label="Brightness"
+ *   min={0}
+ *   max={100}
+ *   defaultValue={[75]}
+ *   showValue
+ *   name="brightness"
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-slider--docs Storybook}
+ */
+export declare const Slider: FC<Props>;

package/dist/lib/components/Slider/Slider.types.d.ts

@@ -0,0 +1,44 @@
+import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../../domain/theme';
+import { sliderVariants } from './Slider.variants';
+/**
+ * Props for the Slider component.
+ * A single-thumb slider for selecting a single value.
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   label="Volume"
+ *   min={0}
+ *   max={100}
+ *   defaultValue={[50]}
+ *   showValue
+ *   size="md"
+ * />
+ * ```
+ */
+export interface Props extends VariantProps<typeof sliderVariants> {
+    /** Additional CSS classes */
+    className?: string;
+    /** Initial value as single-element array */
+    defaultValue?: SliderPropsBase['defaultValue'];
+    /** Label displayed above the slider */
+    label?: string;
+    /** Additional CSS classes for the label wrapper */
+    labelWrapperClassName?: string;
+    /** Maximum value for the slider */
+    max?: SliderPropsBase['max'];
+    /** Minimum value for the slider */
+    min?: SliderPropsBase['min'];
+    /** Form field name for the hidden input */
+    name?: string;
+    /** Whether to display the current value */
+    showValue?: boolean;
+    /** Size of the slider track and thumb */
+    size?: 'sm' | 'md' | 'lg';
+    /** Theme override for this component */
+    theme?: Theme;
+}
+/** @deprecated Use Props instead */
+export type SliderProps = Props;

package/dist/lib/components/Slider/Slider.variants.d.ts

@@ -0,0 +1,7 @@
+export declare const sliderVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const trackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const thumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Spinner.types';
+declare const Spinner: FC<Props>;
+export { Spinner };

package/dist/lib/components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes, ReactNode } from 'react';
+import { Props as TypographyProps } from '../../../components/Typography/Typography.types';
+import { Theme } from '../../../domain/theme';
+import { spinnerVariants } from './Spinner.variants';
+export type Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
+    spinnerClassName?: string;
+    textClassName?: string;
+    textVariant?: TypographyProps['variant'];
+    text?: string | ReactNode;
+    srLabel?: string;
+    theme?: Theme;
+};
+/** @deprecated Use Props instead */
+export type SpinnerProps = Props;

package/dist/lib/components/Spinner/Spinner.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const spinnerIconVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,51 @@
+import { FC } from 'react';
+import { Props } from './Stepper.types';
+/**
+ * A stepper component for displaying multi-step processes.
+ * Supports vertical and horizontal orientations with various step states.
+ *
+ * @example
+ * ```tsx
+ * // Basic vertical stepper (inline variant - text beside indicator)
+ * <Stepper
+ *   steps={[
+ *     { id: 1, label: 'Select platform', status: 'completed' },
+ *     { id: 2, label: 'Set up cluster', status: 'active' },
+ *     { id: 3, label: 'Preparing', status: 'pending' },
+ *   ]}
+ * />
+ *
+ * // Stacked variant (text below indicator, larger circles)
+ * <Stepper
+ *   variant="stacked"
+ *   steps={[
+ *     { id: 1, label: 'Step 1', status: 'completed' },
+ *     { id: 2, label: 'Step 2', status: 'active' },
+ *     { id: 3, label: 'Step 3', status: 'pending' },
+ *   ]}
+ * />
+ *
+ * // Horizontal stepper
+ * <Stepper
+ *   orientation="horizontal"
+ *   steps={[
+ *     { id: 1, label: 'Step 1', status: 'completed' },
+ *     { id: 2, label: 'Step 2', status: 'active' },
+ *     { id: 3, label: 'Step 3', status: 'pending' },
+ *   ]}
+ * />
+ *
+ * // Auto-calculated statuses with currentStep
+ * <Stepper
+ *   steps={[
+ *     { id: 1, label: 'Step 1' },
+ *     { id: 2, label: 'Step 2' },
+ *     { id: 3, label: 'Step 3' },
+ *   ]}
+ *   currentStep={1}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-stepper--docs Storybook}
+ */
+export declare const Stepper: FC<Props>;

package/dist/lib/components/Stepper/Stepper.types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../../domain/theme';
+import { stepperVariants } from './Stepper.variants';
+export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
+export type StepSize = 'sm' | 'md' | 'lg';
+export type StepVariant = 'inline' | 'stacked' | 'horizontal';
+export type Step = {
+    /** Optional description for the step */
+    description?: string;
+    /** Whether this step is disabled (not clickable) */
+    disabled?: boolean;
+    /** Unique identifier for the step */
+    id: string | number;
+    /** Label displayed for the step (can be a string or ReactNode) */
+    label?: ReactNode;
+    /** Callback when this specific step is clicked */
+    onClick?: () => void;
+    /** Status of the step */
+    status?: StepStatus;
+};
+export type StepperClassNames = {
+    /** Class for the connector line */
+    connector?: string;
+    /** Class for the step content wrapper (contains label + description) */
+    content?: string;
+    /** Class for the step description */
+    description?: string;
+    /** Class for the step indicator circle */
+    indicator?: string;
+    /** Class for the content inside the indicator (number, icon) */
+    indicatorContent?: string;
+    /** Class for each li item element */
+    item?: string;
+    /** Class for the step label */
+    label?: string;
+    /** Class for the ol list element */
+    list?: string;
+    /** Class for the root nav element */
+    root?: string;
+    /** Class for the step wrapper (contains indicator + content) */
+    stepWrapper?: string;
+};
+export type StepperIcons = {
+    /** Custom icon for completed status */
+    completed?: ReactNode;
+    /** Custom icon for error status */
+    error?: ReactNode;
+};
+export type Props = VariantProps<typeof stepperVariants> & {
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Custom class names for each element */
+    classNames?: StepperClassNames;
+    /** Whether steps are clickable */
+    clickable?: boolean;
+    /** Index of the current active step (0-based). When provided, step statuses are auto-calculated. */
+    currentStep?: number;
+    /** Custom icons for step statuses */
+    icons?: StepperIcons;
+    /** Show connector lines between steps */
+    showConnector?: boolean;
+    /** Size of the step indicators */
+    size?: StepSize;
+    /** Array of steps to display */
+    steps: Step[];
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Layout variant: 'inline' (text beside indicator) or 'stacked' (text below indicator) */
+    variant?: StepVariant;
+    /** Callback when a step is clicked */
+    onStepClick?: (step: Step, index: number) => void;
+};
+/** @deprecated Use Props instead */
+export type StepperProps = Props;

package/dist/lib/components/Stepper/Stepper.variants.d.ts

@@ -0,0 +1,40 @@
+export declare const stepperVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepListVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepItemVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+    clickable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepIndicatorVariants: (props?: ({
+    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepContentVariants: (props?: ({
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepLabelVariants: (props?: ({
+    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepDescriptionVariants: (props?: ({
+    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepConnectorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const horizontalConnectorWrapperVariants: (props?: ({
+    variant?: "inline" | "horizontal" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './HorizontalStepItem.types';
+export declare const HorizontalStepItem: import('react').NamedExoticComponent<Props>;

package/dist/lib/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.types.d.ts

@@ -0,0 +1 @@
+export type { Props } from '../StepItem/StepItem.types';

package/dist/lib/components/Stepper/components/StepConnector/StepConnector.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './StepConnector.types';
+export declare const StepConnector: import('react').NamedExoticComponent<Props>;

package/dist/lib/components/Stepper/components/StepConnector/StepConnector.types.d.ts

@@ -0,0 +1,13 @@
+import { StepSize, StepStatus, StepVariant } from '../../Stepper.types';
+export type Props = {
+    /** Additional CSS class */
+    className?: string;
+    /** Orientation of the connector */
+    orientation: 'vertical' | 'horizontal';
+    /** Size of the connector */
+    size: StepSize;
+    /** Status of the step */
+    status: StepStatus;
+    /** Layout variant */
+    variant: StepVariant;
+};

package/dist/lib/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './StepIndicatorContent.types';
+export declare const StepIndicatorContent: import('react').NamedExoticComponent<Props>;

package/dist/lib/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.types.d.ts

@@ -0,0 +1,13 @@
+import { StepperIcons, StepSize, StepStatus } from '../../Stepper.types';
+export type Props = {
+    /** Additional CSS class for the content */
+    className?: string;
+    /** Custom icons for step statuses */
+    icons?: StepperIcons;
+    /** Step index (0-based) */
+    index: number;
+    /** Size of the indicator */
+    size: StepSize;
+    /** Status of the step */
+    status: StepStatus;
+};

package/dist/lib/components/Stepper/components/StepItem/StepItem.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './StepItem.types';
+export declare const StepItem: import('react').NamedExoticComponent<Props>;

package/dist/lib/components/Stepper/components/StepItem/StepItem.types.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../../../../domain/theme';
+import { Step, StepperClassNames, StepperIcons, StepSize, StepStatus, StepVariant } from '../../Stepper.types';
+import { stepIndicatorVariants } from '../../Stepper.variants';
+export type Props = VariantProps<typeof stepIndicatorVariants> & {
+    /** Custom class names */
+    classNames?: StepperClassNames;
+    /** Whether the step is clickable */
+    clickable: boolean;
+    /** Custom icons for step statuses */
+    icons?: StepperIcons;
+    /** Step index (0-based) */
+    index: number;
+    /** Whether this is the last step */
+    isLast: boolean;
+    /** Status of the next step (for connector coloring) */
+    nextStepStatus?: StepStatus;
+    /** Orientation of the stepper */
+    orientation: 'vertical' | 'horizontal';
+    /** Show connector lines */
+    showConnector: boolean;
+    /** Size of the step indicator */
+    size: StepSize;
+    /** Step data */
+    step: Step;
+    /** Theme override */
+    theme?: Theme;
+    /** Layout variant */
+    variant: StepVariant;
+    /** Callback when step is clicked */
+    onClick?: () => void;
+};

package/dist/lib/components/Stepper/components/VerticalStepItem/VerticalStepItem.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './VerticalStepItem.types';
+export declare const VerticalStepItem: import('react').NamedExoticComponent<Props>;

package/dist/lib/components/Stepper/components/VerticalStepItem/VerticalStepItem.types.d.ts

@@ -0,0 +1 @@
+export type { Props } from '../StepItem/StepItem.types';

package/dist/lib/components/Stepper/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { StepSize } from '../Stepper.types';
+export declare const ICON_SIZE_MAP: Record<StepSize, number>;
+export declare const CHECK_ICON_SIZE_MAP: Record<StepSize, string>;

package/dist/lib/components/Stepper/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useStepItemLogic } from './useStepItemLogic';

package/dist/lib/components/Stepper/hooks/useStepItemLogic.d.ts

@@ -0,0 +1,2 @@
+import { UseStepItemLogicProps, UseStepItemLogicReturn } from './useStepItemLogic.types';
+export declare function useStepItemLogic({ clickable, onClick, step, }: UseStepItemLogicProps): UseStepItemLogicReturn;