@chassis-ui/react 0.1.3 → 0.2.0

package/dist/chunks/index-Cf2n0l0U.d.ts

@@ -0,0 +1,138 @@
+import "./focus-ring-SR_LwaN7.js";
+import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { i as IconValue } from "./iconConfig-Bu6Pt9o3.js";
+import React, { ElementType, HTMLAttributes, MouseEvent, ReactElement, RefObject } from "react";
+//#region src/components/pagination/Pagination.d.ts
+interface PaginationProps extends HTMLAttributes<HTMLElement> {
+  /**
+   * Current active page (1-indexed). Used with `pages` for data-driven mode.
+   */
+  activePage?: number;
+  /**
+   * Set the alignment of pagination components.
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * Accessible label for the pagination `<nav>` landmark. Override for non-English locales,
+   * or when multiple paginators appear on the same page.
+   *
+   * @default 'Pagination'
+   */
+  'aria-label'?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Maximum number of visible page buttons (default: 5). Flanking pages are collapsed to ellipsis.
+   */
+  maxVisiblePages?: number;
+  /**
+   * The "next page" control's icon in smart pagination mode: an icon name, or an element of your
+   * own icon set. Defaults to `IconProvider`'s `next` icon.
+   */
+  nextIcon?: IconValue;
+  /**
+   * Accessible label for the "next page" control, used in smart pagination mode. Override for
+   * non-English locales.
+   *
+   * @default 'Next'
+   */
+  nextLabel?: string;
+  /**
+   * Callback fired when the active page changes.
+   */
+  onActivePageChange?: (page: number) => void;
+  /**
+   * Total number of pages. When provided alongside `activePage` and `onActivePageChange`,
+   * the component renders a fully-controlled smart paginator with Prev/Next and ellipsis.
+   */
+  pages?: number;
+  /**
+   * The "previous page" control's icon in smart pagination mode: an icon name, or an element of
+   * your own icon set. Defaults to `IconProvider`'s `previous` icon.
+   */
+  previousIcon?: IconValue;
+  /**
+   * Accessible label for the "previous page" control, used in smart pagination mode. Override
+   * for non-English locales.
+   *
+   * @default 'Previous'
+   */
+  previousLabel?: string;
+  /**
+   * Show the numbered page buttons in smart pagination mode. Set `false` alongside
+   * `showPrevNext` to build a Prev/Next-only paginator.
+   *
+   * @default true
+   */
+  showPageNumbers?: boolean;
+  /**
+   * Show the Prev/Next controls in smart pagination mode. Set `false` alongside
+   * `showPageNumbers` to build a page-numbers-only paginator.
+   *
+   * @default true
+   */
+  showPrevNext?: boolean;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/pagination/PaginationItem.d.ts
+type PaginationItemOwnProps<C extends ElementType> = {
+  /**
+   * Toggle the active state for the component.
+   */
+  active?: boolean;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+  /**
+   * The href attribute. When provided the item renders as an `<a>` tag; otherwise as a `<button>`.
+   */
+  href?: string;
+};
+type PaginationItemProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, PaginationItemOwnProps<C>>;
+type PaginationItemComponent = (<C extends ElementType = 'button'>(props: PaginationItemProps<C> & {
+  ref?: PolymorphicRefWithFallback<C, HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const PaginationItem: PaginationItemComponent;
+//#endregion
+//#region src/hooks/usePagination.d.ts
+interface UsePaginationOptions {
+  /**
+   * Whether the Previous control is currently disabled.
+   */
+  prevDisabled: boolean;
+  /**
+   * Whether the Next control is currently disabled.
+   */
+  nextDisabled: boolean;
+  /**
+   * Called when Previous is clicked, before the state change that may disable it.
+   */
+  onPrev: () => void;
+  /**
+   * Called when Next is clicked, before the state change that may disable it.
+   */
+  onNext: () => void;
+}
+interface UsePaginationResult<T extends HTMLElement = HTMLButtonElement> {
+  prevRef: RefObject<T | null>;
+  nextRef: RefObject<T | null>;
+  handlePrevClick: (event: MouseEvent<T>) => void;
+  handleNextClick: (event: MouseEvent<T>) => void;
+}
+declare function usePagination<T extends HTMLElement = HTMLButtonElement>({ prevDisabled, nextDisabled, onPrev, onNext }: UsePaginationOptions): UsePaginationResult<T>;
+//#endregion
+export { Pagination as a, PaginationItemProps as i, usePagination as n, PaginationProps as o, PaginationItem as r, UsePaginationResult as t };

package/dist/chunks/index-CftERHnE.d.ts

@@ -0,0 +1,24 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/input-adorn/InputAdorn.d.ts
+type InputAdornOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component. Use
+   * `"button"` or `"a"` for an actionable adorn, e.g. a password reveal toggle or a clear button.
+   */
+  component?: C;
+};
+type InputAdornProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, InputAdornOwnProps<C>>;
+type InputAdornComponent = (<C extends ElementType = 'span'>(props: InputAdornProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const InputAdorn: InputAdornComponent;
+//#endregion
+export { InputAdornProps as n, InputAdorn as t };

package/dist/chunks/index-ClT3E_hv.d.ts

@@ -0,0 +1,302 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as ContextColor, o as Sizing, r as ContextStyle, s as Spacing, t as Breakpoint } from "./types-CS_40Txv.js";
+import { t as FlexDirection } from "./breakpoints-SLMTNHF9.js";
+import { n as LinkProps } from "./Link-B0Y1xgYi.js";
+import { ElementType, ReactElement, ReactNode } from "react";
+//#region src/components/card/Card.d.ts
+type CardOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Sets the color of the component to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Switches the card from its default stacked (column) layout to a side-by-side (row) layout.
+   * Wrap the image and body in `Col` to control each side's width.
+   */
+  direction?: FlexDirection;
+  /**
+   * Shorthand for a `CardFooter`, rendered after the image/title/subtitle/text/`children` block.
+   */
+  footer?: ReactNode;
+  /**
+   * Shorthand for a `CardImage` — pass either a `src` URL (combine with `imageAlt`/
+   * `imageOrientation`) or a fully-formed element — a `<CardImage>`, `<Skeleton>`,
+   * `<Placeholder>`, or anything else — rendered as-is in its place. `imageAlt`/`imageOrientation`
+   * only apply to the `src` form; set them directly on your own element otherwise. For a
+   * horizontal layout or an overlay, omit this and compose `CardImage` directly as a child
+   * instead.
+   */
+  image?: ReactNode;
+  /**
+   * Accessible alt text for `image`. Ignored unless `image` is set.
+   */
+  imageAlt?: string;
+  /**
+   * Orientates `image` to the top (default) or bottom of the card.
+   */
+  imageOrientation?: 'top' | 'bottom';
+  /**
+   * Overrides `direction` at one or more breakpoints — e.g. `{ lg: 'row' }` to lay the card
+   * out horizontally from `lg` up while stacking below it.
+   */
+  responsive?: Partial<Record<Breakpoint, FlexDirection>>;
+  /**
+   * Sets the size of the component to one of Chassis component sizes.
+   */
+  size?: Sizing;
+  /**
+   * Shorthand for a `CardSubtitle`, rendered directly after `title`.
+   */
+  subtitle?: ReactNode;
+  /**
+   * Shorthand for a `CardText`, rendered after `title`/`subtitle`.
+   */
+  text?: ReactNode;
+  /**
+   * Shorthand for a `CardTitle`. Set alongside `subtitle`/`text` (or plain `children`, e.g. a
+   * `Button`) to build a standard card without composing `CardBody`/`CardTitle` yourself — all
+   * render together inside a single `CardBody`, in that order. Only takes effect when at least
+   * one of `image`/`title`/`subtitle`/`text`/`footer` is set; otherwise `children` render as-is,
+   * so full manual composition (`CardHeader`, lists, overlays, nav headers, …) keeps working
+   * unchanged. Mixing shorthand props with a manually-composed `children` tree isn't supported —
+   * pick one approach per card.
+   */
+  title?: ReactNode;
+  /**
+   * Sets the context style of the component. `basic` (the default) renders with no extra class.
+   */
+  variant?: ContextStyle;
+};
+type CardProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardOwnProps<C>>;
+type CardComponent = (<C extends ElementType = 'div'>(props: CardProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Card: CardComponent;
+//#endregion
+//#region src/components/card/CardBody.d.ts
+type CardBodyOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Switches the body from its default stacked (column) layout to a side-by-side (row) layout —
+   * for placing an image beside text within a single padded region. Wrap the image and text in
+   * `Col` to control each side's width, and nest another `CardBody` (with `.p-0`) for the text
+   * side so it doesn't receive double padding.
+   */
+  direction?: FlexDirection;
+  /**
+   * Spacing between children, mapped to the `gap-*` utility classes. Overrides the card's default
+   * gap between body children.
+   */
+  gap?: Spacing | 0;
+  /**
+   * Overrides `direction` at one or more breakpoints.
+   */
+  responsive?: Partial<Record<Breakpoint, FlexDirection>>;
+};
+type CardBodyProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardBodyOwnProps<C>>;
+type CardBodyComponent = (<C extends ElementType = 'div'>(props: CardBodyProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardBody: CardBodyComponent;
+//#endregion
+//#region src/components/card/CardFooter.d.ts
+type CardFooterOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardFooterProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardFooterOwnProps<C>>;
+type CardFooterComponent = (<C extends ElementType = 'div'>(props: CardFooterProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardFooter: CardFooterComponent;
+//#endregion
+//#region src/components/card/CardGroup.d.ts
+type CardGroupOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardGroupOwnProps<C>>;
+type CardGroupComponent = (<C extends ElementType = 'div'>(props: CardGroupProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardGroup: CardGroupComponent;
+//#endregion
+//#region src/components/card/CardHeader.d.ts
+type CardHeaderOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardHeaderProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardHeaderOwnProps<C>>;
+type CardHeaderComponent = (<C extends ElementType = 'div'>(props: CardHeaderProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardHeader: CardHeaderComponent;
+//#endregion
+//#region src/components/card/CardImage.d.ts
+type CardImageOrientation = 'top' | 'bottom' | 'start' | 'end';
+type CardImageOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component —
+   * e.g. a framework's own `Image` component. Its own props (`src`, `fill`, `priority`, etc.)
+   * are type-checked at the call site once passed here.
+   */
+  component?: C;
+  /**
+   * Orientates the image to the top or bottom of the card as an "image cap", or to the start/end
+   * for a horizontal layout. Omit to round all four corners for use inside `CardBody`.
+   */
+  orientation?: CardImageOrientation;
+  /**
+   * Overrides `orientation` at one or more breakpoints — e.g. `{ lg: 'start' }` to switch an
+   * image cap from `top` to `start` once the card lays out horizontally.
+   */
+  responsive?: Partial<Record<Breakpoint, CardImageOrientation>>;
+};
+type CardImageProps<C extends ElementType = 'img'> = PolymorphicComponentProps<C, CardImageOwnProps<C>>;
+type CardImageComponent = (<C extends ElementType = 'img'>(props: CardImageProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardImage: CardImageComponent;
+//#endregion
+//#region src/components/card/CardImageOverlay.d.ts
+type CardImageOverlayOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardImageOverlayProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardImageOverlayOwnProps<C>>;
+type CardImageOverlayComponent = (<C extends ElementType = 'div'>(props: CardImageOverlayProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardImageOverlay: CardImageOverlayComponent;
+//#endregion
+//#region src/components/card/CardLink.d.ts
+type CardLinkOwnProps = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+};
+type CardLinkProps<C extends ElementType = 'a'> = LinkProps<C> & CardLinkOwnProps;
+type CardLinkComponent = (<C extends ElementType = 'a'>(props: CardLinkProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardLink: CardLinkComponent;
+//#endregion
+//#region src/components/card/CardSubtitle.d.ts
+type CardSubtitleOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardSubtitleProps<C extends ElementType = 'h6'> = PolymorphicComponentProps<C, CardSubtitleOwnProps<C>>;
+type CardSubtitleComponent = (<C extends ElementType = 'h6'>(props: CardSubtitleProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardSubtitle: CardSubtitleComponent;
+//#endregion
+//#region src/components/card/CardText.d.ts
+type CardTextOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardTextProps<C extends ElementType = 'p'> = PolymorphicComponentProps<C, CardTextOwnProps<C>>;
+type CardTextComponent = (<C extends ElementType = 'p'>(props: CardTextProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardText: CardTextComponent;
+//#endregion
+//#region src/components/card/CardTitle.d.ts
+type CardTitleOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+};
+type CardTitleProps<C extends ElementType = 'h5'> = PolymorphicComponentProps<C, CardTitleOwnProps<C>>;
+type CardTitleComponent = (<C extends ElementType = 'h5'>(props: CardTitleProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const CardTitle: CardTitleComponent;
+//#endregion
+export { CardProps as S, CardFooter as _, CardSubtitle as a, CardBodyProps as b, CardLinkProps as c, CardImage as d, CardImageProps as f, CardGroupProps as g, CardGroup as h, CardTextProps as i, CardImageOverlay as l, CardHeaderProps as m, CardTitleProps as n, CardSubtitleProps as o, CardHeader as p, CardText as r, CardLink as s, CardTitle as t, CardImageOverlayProps as u, CardFooterProps as v, Card as x, CardBody as y };

package/dist/chunks/index-CsMIgBsd.d.ts

@@ -0,0 +1,39 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { s as Spacing, t as Breakpoint } from "./types-CS_40Txv.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/stack/Stack.d.ts
+type StackOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Lays children out in a row (`horizontal`, the default, maps to `.hstack`) or a column
+   * (`vertical`, maps to `.vstack`).
+   */
+  direction?: 'horizontal' | 'vertical';
+  /**
+   * Spacing between children, mapped to the `gap-*` utility classes.
+   */
+  gap?: Spacing | 0;
+  /**
+   * Switches `direction` at one or more breakpoints via container queries. Requires a
+   * `.contains-inline` ancestor (not applied by `Stack` itself — see the docs) to establish the
+   * container context these queries evaluate against.
+   */
+  responsive?: Partial<Record<Breakpoint, 'horizontal' | 'vertical'>>;
+};
+type StackProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, StackOwnProps<C>>;
+type StackComponent = (<C extends ElementType = 'div'>(props: StackProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Stack: StackComponent;
+//#endregion
+export { StackProps as n, Stack as t };

package/dist/chunks/index-Ctuk1xBU.d.ts

@@ -0,0 +1,99 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as ContextColor } from "./types-CS_40Txv.js";
+import React, { ElementType, ReactElement } from "react";
+//#region src/components/stepper/Stepper.d.ts
+interface StepperItemDef {
+  /**
+   * Step label content.
+   */
+  label: React.ReactNode;
+  /**
+   * Marks the item as the current step.
+   */
+  active?: boolean;
+  /**
+   * Sets the color of the item.
+   */
+  color?: ContextColor;
+  /**
+   * Renders the item as a link to the given URL.
+   */
+  href?: string;
+}
+type StepperOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `'ol'`, unless a step (a data-driven item with `href`, or a `<StepperItem
+   * component="a">`/`<StepperItem component="button">` child) is interactive — a bare `<a>`/
+   * `<button>` isn't a valid direct child of `<ol>`, so the default switches to `'div'` instead.
+   * Pass `component` explicitly to opt out of this.
+   */
+  component?: C;
+  /**
+   * Sets the color of the component to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Replaces the step counters with icons, driven by the `--status-icon` custom property.
+   */
+  icon?: boolean;
+  /**
+   * Array of step definitions for data-driven rendering. When provided, children are ignored.
+   */
+  items?: StepperItemDef[];
+  /**
+   * Lays out steps side-by-side instead of stacking them vertically, either unconditionally or
+   * from a given breakpoint up.
+   */
+  layout?: 'horizontal' | 'sm:horizontal' | 'md:horizontal' | 'lg:horizontal' | 'xl:horizontal' | '2xl:horizontal';
+  /**
+   * Wraps the stepper in a horizontally scrollable container so steps keep their natural width
+   * instead of shrinking to fit.
+   */
+  overflow?: boolean;
+};
+type StepperProps<C extends ElementType = 'ol'> = PolymorphicComponentProps<C, StepperOwnProps<C>>;
+type StepperComponent = (<C extends ElementType = 'ol'>(props: StepperProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Stepper: StepperComponent;
+//#endregion
+//#region src/components/stepper/StepperItem.d.ts
+type StepperItemOwnProps<C extends ElementType> = {
+  /**
+   * Marks the item as the current step.
+   */
+  active?: boolean;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the component to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * The `href` attribute for an interactive step rendered as a link.
+   */
+  href?: string;
+};
+type StepperItemProps<C extends ElementType = 'li'> = PolymorphicComponentProps<C, StepperItemOwnProps<C>>;
+type StepperItemComponent = (<C extends ElementType = 'li'>(props: StepperItemProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const StepperItem: StepperItemComponent;
+//#endregion
+export { StepperProps as a, StepperItemDef as i, StepperItemProps as n, Stepper as r, StepperItem as t };

package/dist/chunks/index-D2VVO8rx.d.ts

@@ -0,0 +1,49 @@
+import "./focus-ring-SR_LwaN7.js";
+import { t as FormFieldIds } from "./renderFormField-fBEny6JV.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+//#region src/components/floating-input/FloatingInput.d.ts
+interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  /**
+   * The form control (e.g. a `TextInput`, `Select`, or `Textarea`) the floating label attaches
+   * to. Chassis-css's floating-label CSS relies on a `label:has(~ .form-input)` selector, so this
+   * must render an element carrying the `form-input` class as a direct child.
+   */
+  children: ReactNode;
+  /**
+   * A string of all className you want applied to the `.form-floating` element.
+   */
+  className?: string;
+  /**
+   * A description for the field, rendered below the control. Setting this (or `invalidFeedback`/
+   * `validFeedback`) wraps the floating input in a `.form-field`.
+   */
+  help?: ReactNode;
+  /**
+   * The DOM ids of the wrapped control, used to associate the label (`htmlFor`) and point your
+   * control's own `aria-describedby` at the rendered help/feedback text.
+   */
+  ids?: FormFieldIds;
+  /**
+   * Set field validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the control when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a floating `FormLabel` associated with `ids.input`.
+   */
+  label: ReactNode;
+  /**
+   * Set field validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the control when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+}
+declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { FloatingInputProps as n, FloatingInput as t };