@chassis-ui/react 0.1.3 → 0.3.0

package/dist/chunks/index-B0-8n-Gs.d.ts

@@ -0,0 +1,106 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+//#region src/components/otp-input/OtpInput.d.ts
+interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * Identifies the element that describes the group, e.g. a `FormHelp` help element.
+   */
+  'aria-describedby'?: string;
+  /**
+   * An accessible label for the group, used when there's no visible `<label>`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible `<label>` element for the group.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The initial code (uncontrolled), e.g. `"123"` for a partially filled code.
+   */
+  defaultValue?: string;
+  /**
+   * Prevents input and makes every box non-interactive.
+   */
+  disabled?: boolean;
+  /**
+   * Splits the boxes into groups (e.g. `[3, 3]` for a "123-456" layout), rendering a
+   * `.form-otp-separator` between each group. The total number of boxes becomes the sum of
+   * `groupSizes`, overriding `length`.
+   */
+  groupSizes?: number[];
+  /**
+   * A description for the field, rendered below the boxes.
+   */
+  help?: ReactNode;
+  /**
+   * `id` forwarded to the group container.
+   */
+  id?: string;
+  /**
+   * Visually connects the boxes into a single bordered control. When `groupSizes` is set, each
+   * group is connected separately.
+   */
+  inputGroup?: boolean;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the boxes when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the group via
+   * `aria-labelledby` (there's no single input to target with `htmlFor`).
+   */
+  label?: ReactNode;
+  /**
+   * Number of digit boxes. Ignored when `groupSizes` is set. Defaults to `6`.
+   */
+  length?: number;
+  /**
+   * Mask entered digits using `type="password"` boxes.
+   */
+  mask?: boolean;
+  /**
+   * `name` of an auto-created hidden input kept in sync with the code, for native form
+   * submission. Omit to skip creating it.
+   */
+  name?: string;
+  /**
+   * Callback fired whenever the code changes.
+   */
+  onChange?: (value: string) => void;
+  /**
+   * Callback fired once every box is filled.
+   */
+  onComplete?: (value: string) => void;
+  /**
+   * Content of the separator rendered between groups when `groupSizes` is set. Defaults to `–`.
+   */
+  separator?: ReactNode;
+  /**
+   * Size the boxes sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the boxes when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The code (controlled), digits only, e.g. `"123456"`.
+   */
+  value?: string;
+}
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { OtpInputProps as n, OtpInput as t };
+//# sourceMappingURL=index-B0-8n-Gs.d.ts.map

package/dist/chunks/index-B2K-O9kl.d.ts

@@ -0,0 +1,59 @@
+import "./focus-ring-SR_LwaN7.js";
+import { ReactElement, ReactNode, RefObject } from "react";
+//#region src/components/scrollspy/useScrollspy.d.ts
+interface UseScrollspyOptions {
+  /**
+   * The element that scrolls, or a ref to it. The viewport when unset.
+   */
+  root?: Element | RefObject<Element | null> | null;
+  /**
+   * The margin around `root`, as `IntersectionObserver` takes it: one to four lengths in `px` or
+   * `%`. Its bottom edge is the line a section's top has to pass to become the active one;
+   * `-25%` puts it a quarter of the root's height above the root's bottom.
+   *
+   * @default '0px 0px -25%'
+   */
+  rootMargin?: string;
+}
+/**
+ * Tracks which of the sections named by `ids` the reader is in, as a scrollspy does: the last
+ * section, in document order, whose top has scrolled past a line near the bottom of `root` (set
+ * by `rootMargin`), or the first one while its top is still in view at the top of `root`. Returns
+ * its id, or `null` when no section has reached the line yet.
+ *
+ * It returns `null` on the server and on the first render in the browser, so hydration matches,
+ * and the active id from the first observation after that. Sections added, removed or renamed
+ * later are picked up; an id with no element in `root` is ignored.
+ */
+declare function useScrollspy(ids: readonly string[], options?: UseScrollspyOptions): string | null;
+//#endregion
+//#region src/components/scrollspy/Scrollspy.d.ts
+interface ScrollspyProps extends UseScrollspyOptions {
+  /**
+   * The navigation whose links are marked: a `Nav`, a `List`, `Link`s, or anything holding them.
+   */
+  children?: ReactNode;
+  /**
+   * Fires when the active section changes, with its id, or `null` when no section is active.
+   */
+  onActiveChange?: (id: string | null) => void;
+  /**
+   * Scrolls smoothly to a section when one of the links is clicked, instead of jumping to it. The
+   * page's address doesn't change. When the reader asks for reduced motion, it jumps.
+   *
+   * @default false
+   */
+  smoothScroll?: boolean;
+}
+/**
+ * Marks the link to the section being read as active, in the navigation it wraps. The links are
+ * `Link`s and the components built on it (`NavLink`, `ListItem`, `MenuItem`) whose `href` points
+ * to an element's `id` on the page. It renders no element of its own.
+ */
+declare function Scrollspy({ children, onActiveChange, root, rootMargin, smoothScroll }: ScrollspyProps): ReactElement;
+declare namespace Scrollspy {
+  var displayName: string;
+}
+//#endregion
+export { useScrollspy as i, ScrollspyProps as n, UseScrollspyOptions as r, Scrollspy as t };
+//# sourceMappingURL=index-B2K-O9kl.d.ts.map

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

@@ -0,0 +1,96 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+//#region src/components/chip-input/ChipInput.d.ts
+interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * An accessible label for the chip group, used when there's no visible `<label>`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible `<label>` element for the chip group.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Allow the same value to be added more than once. Defaults to `false`.
+   */
+  allowDuplicates?: boolean;
+  /**
+   * Space-separated chassis-css chip modifier classes (e.g. `"primary smooth"`) applied to every
+   * chip. Defaults to `"default"`.
+   */
+  chipVariant?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The initial set of chip values (uncontrolled).
+   */
+  defaultValue?: string[];
+  /**
+   * Prevents new chips from being added and makes existing chips non-interactive.
+   */
+  disabled?: boolean;
+  /**
+   * A description for the field, rendered below the chips.
+   */
+  help?: ReactNode;
+  /**
+   * `id` forwarded to the text input — useful for pairing with a `<label for>`.
+   */
+  id?: string;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the chips when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with the text input.
+   */
+  label?: ReactNode;
+  /**
+   * Maximum number of chips allowed. Omit for no limit.
+   */
+  maxChips?: number;
+  /**
+   * `name` of an auto-created hidden input per chip, kept in sync with the values, for native
+   * form submission. Omit to skip creating them.
+   */
+  name?: string;
+  /**
+   * Callback fired whenever a chip is added or removed.
+   */
+  onChange?: (values: string[]) => void;
+  /**
+   * Placeholder shown in the input when empty.
+   */
+  placeholder?: string;
+  /**
+   * Character that creates a new chip when typed, or pasted text is split on. Set to `null` to
+   * disable. Defaults to `,`.
+   */
+  separator?: string | null;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the chips when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The set of chip values (controlled).
+   */
+  value?: string[];
+}
+declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ChipInputProps as n, ChipInput as t };
+//# sourceMappingURL=index-B8uaSJA9.d.ts.map

package/dist/chunks/index-BA-raEMm.d.ts

@@ -0,0 +1,29 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes } from "react";
+//#region src/components/collapse/Collapse.d.ts
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Set horizontal collapsing to transition the width instead of height.
+   */
+  horizontal?: boolean;
+  /**
+   * Callback fired when the component requests to be hidden.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the component requests to be shown.
+   */
+  onShow?: () => void;
+  /**
+   * Toggle the visibility of component.
+   */
+  visible?: boolean;
+}
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CollapseProps as n, Collapse as t };
+//# sourceMappingURL=index-BA-raEMm.d.ts.map

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

@@ -0,0 +1,54 @@
+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/button-group/ButtonGroup.d.ts
+type ButtonGroupOwnProps<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;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Create a set of buttons that appear vertically stacked rather than horizontally, with the
+   * `.button-group-vertical` class in place of `.button-group`. Split button dropdowns are not
+   * supported here, and `size` has no effect: chassis-css sizes the buttons of a horizontal group
+   * only, so size the buttons of a vertical one themselves.
+   */
+  vertical?: boolean;
+};
+type ButtonGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ButtonGroupOwnProps<C>>;
+type ButtonGroupComponent = (<C extends ElementType = 'div'>(props: ButtonGroupProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const ButtonGroup: ButtonGroupComponent;
+//#endregion
+//#region src/components/button-group/ButtonToolbar.d.ts
+type ButtonToolbarOwnProps<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 ButtonToolbarProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ButtonToolbarOwnProps<C>>;
+type ButtonToolbarComponent = (<C extends ElementType = 'div'>(props: ButtonToolbarProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const ButtonToolbar: ButtonToolbarComponent;
+//#endregion
+export { ButtonGroupProps as i, ButtonToolbarProps as n, ButtonGroup as r, ButtonToolbar as t };
+//# sourceMappingURL=index-BAsbRx5n.d.ts.map

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

@@ -0,0 +1,66 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as MenuAutoClose } from "./Menu-QeYOzrUL.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/context-menu/ContextMenu.d.ts
+type ContextMenuOwnProps<C extends ElementType> = {
+  /**
+   * Controls which presses close the menu. `true` closes on a click on an item and on a press
+   * outside the menu. `false` leaves closing to the Escape key and `visible`. `'inside'` closes
+   * only on a click on an item. `'outside'` closes only on a press outside the menu.
+   */
+  autoClose?: MenuAutoClose;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node, the region the menu opens from. Either a string to use an
+   * HTML element or a component.
+   *
+   * @default 'div'
+   */
+  component?: C;
+  /**
+   * Whether the menu is open when it first renders. Use it instead of `visible` when nothing
+   * outside needs to control the menu. Opened this way, the menu sits under the region's start
+   * edge, since no pointer has asked for it anywhere.
+   */
+  defaultVisible?: boolean;
+  /**
+   * Leaves the region to the browser: a right-click shows the browser's own menu, a long press
+   * and the keys do nothing.
+   */
+  disabled?: boolean;
+  /**
+   * Callback fired when the menu hides.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the menu shows.
+   */
+  onShow?: () => void;
+  /**
+   * Callback fired when the menu asks to show or hide: a right-click, a long press or Shift+F10
+   * in the region, a click on an item, a press outside, the Escape key, or the closing of the
+   * dialog it is in. Receives the state it asks for. With `visible` set, the menu changes only
+   * when `visible` does.
+   */
+  onVisibleChange?: (visible: boolean) => void;
+  /**
+   * Whether the menu is open. Setting it makes the menu controlled: it shows and hides only when
+   * this changes, so pair it with `onVisibleChange`. Leave it unset, or use `defaultVisible`, for
+   * a menu that opens and closes itself.
+   */
+  visible?: boolean;
+};
+type ContextMenuProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ContextMenuOwnProps<C>>;
+type ContextMenuComponent = (<C extends ElementType = 'div'>(props: ContextMenuProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const ContextMenu: ContextMenuComponent;
+//#endregion
+export { ContextMenuProps as n, ContextMenu as t };
+//# sourceMappingURL=index-BF3OWUVc.d.ts.map

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

@@ -0,0 +1,213 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as CalendarLabels, t as DateRangePreset } from "./dateRangePresets-R1FtA1zp.js";
+import React, { HTMLAttributes } from "react";
+import { RangeValue } from "react-aria";
+import { DateValue as DateValue$1 } from "react-stately";
+//#region src/components/calendar/Calendar.d.ts
+interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * An accessible label for the calendar, used when there's no visible label. Required for
+   * standalone use — a calendar grid has no other accessible name of its own.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible label element for the calendar.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Whether to automatically focus the calendar when it mounts.
+   */
+  autoFocus?: boolean;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The date the calendar first shows and focuses, in place of the selected date or today.
+   * `DatePicker` and `DateRangePicker` pass their `placeholderValue` here while empty.
+   */
+  defaultFocusedValue?: DateValue$1 | null;
+  /**
+   * Prevents the calendar from being focused or interacted with.
+   */
+  disabled?: boolean;
+  /**
+   * The day that starts the week, overriding the default set by the active locale.
+   *
+   * @default 'mon'
+   */
+  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+  /**
+   * Callback that is called for each date in the calendar. If it returns `true`, that date is
+   * shown but cannot be selected.
+   */
+  isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the handful of strings this component renders itself rather than getting from
+   * the active locale (the year view's paging arrows, its live-region announcements, and the
+   * month/year header buttons). Everything else — month and weekday names, the calendar system —
+   * follows `I18nProvider`'s locale via react-aria and needs no override. Merged over the English
+   * defaults, so passing one key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
+  /**
+   * The maximum allowed date that a user may select.
+   */
+  maxValue?: DateValue$1 | null;
+  /**
+   * The minimum allowed date that a user may select.
+   */
+  minValue?: DateValue$1 | null;
+  /**
+   * ISO 8601 dates (`YYYY-MM-DD`) to mark unselectable, as a convenience alternative to
+   * `isDateUnavailable` for data-driven cases (e.g. booked dates fetched from an API). Composed
+   * with `isDateUnavailable` when both are given — a date unavailable by either is unavailable.
+   */
+  unavailableDates?: string[];
+  /**
+   * Number of months to display side by side, sharing one selection. Wraps to multiple rows in
+   * a narrow container (e.g. a popover on a sm screen) rather than overflowing — the wrap is
+   * driven by the calendar's own width, not the viewport, so it adapts correctly regardless of
+   * where the calendar is embedded.
+   *
+   * @default 1
+   */
+  visibleMonths?: number;
+}
+interface CalendarSingleProps extends CalendarBaseProps {
+  /**
+   * The initial selected date (uncontrolled).
+   */
+  defaultValue?: DateValue$1 | null;
+  /**
+   * Callback fired when the selected date changes. Unlike `DatePicker`'s `onChange` (whose
+   * segmented field can be cleared to `null`), a calendar selection is always a concrete date.
+   */
+  onChange?: (value: DateValue$1) => void;
+  /**
+   * Whether a single date or multiple, independently toggled dates can be selected.
+   *
+   * @default 'single'
+   */
+  selectionMode?: 'single';
+  /**
+   * The selected date (controlled).
+   */
+  value?: DateValue$1 | null;
+}
+interface CalendarMultipleProps extends CalendarBaseProps {
+  /**
+   * The initial selected dates (uncontrolled).
+   */
+  defaultValue?: DateValue$1[] | null;
+  /**
+   * Callback fired when the set of selected dates changes.
+   */
+  onChange?: (value: DateValue$1[]) => void;
+  /**
+   * Whether a single date or multiple, independently toggled dates can be selected.
+   *
+   * @default 'single'
+   */
+  selectionMode: 'multiple';
+  /**
+   * The selected dates (controlled).
+   */
+  value?: DateValue$1[] | null;
+}
+type CalendarProps = CalendarSingleProps | CalendarMultipleProps;
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/calendar/RangeCalendar.d.ts
+interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+  /**
+   * An accessible label for the calendar, used when there's no visible label. Required for
+   * standalone use — a calendar grid has no other accessible name of its own.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible label element for the calendar.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Whether to automatically focus the calendar when it mounts.
+   */
+  autoFocus?: boolean;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * The date the calendar first shows and focuses, in place of the selected date or today.
+   * `DatePicker` and `DateRangePicker` pass their `placeholderValue` here while empty.
+   */
+  defaultFocusedValue?: DateValue$1 | null;
+  /**
+   * The initial selected date range (uncontrolled).
+   */
+  defaultValue?: RangeValue<DateValue$1> | null;
+  /**
+   * Prevents the calendar from being focused or interacted with.
+   */
+  disabled?: boolean;
+  /**
+   * The day that starts the week, overriding the default set by the active locale.
+   *
+   * @default 'mon'
+   */
+  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+  /**
+   * Callback that is called for each date in the calendar. If it returns `true`, that date is
+   * shown but cannot be selected.
+   */
+  isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the handful of strings this component renders itself rather than getting from
+   * the active locale (the year view's paging arrows, its live-region announcements, and the
+   * month/year header buttons). Everything else — month and weekday names, the calendar system —
+   * follows `I18nProvider`'s locale via react-aria and needs no override. Merged over the English
+   * defaults, so passing one key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
+  /**
+   * The maximum allowed date that a user may select.
+   */
+  maxValue?: DateValue$1 | null;
+  /**
+   * The minimum allowed date that a user may select.
+   */
+  minValue?: DateValue$1 | null;
+  /**
+   * Callback fired when a complete range is selected (both a start and end date).
+   */
+  onChange?: (value: RangeValue<DateValue$1>) => void;
+  /**
+   * A list of quick-select range presets shown beside the calendar. Selecting a preset commits
+   * its range immediately, the same as picking a start and end date from the grid. The preset
+   * matching the current selection (if any) is marked selected. Omit to not show a preset list.
+   */
+  presets?: DateRangePreset[];
+  /**
+   * ISO 8601 dates (`YYYY-MM-DD`) to mark unselectable, as a convenience alternative to
+   * `isDateUnavailable` for data-driven cases (e.g. booked dates fetched from an API). Composed
+   * with `isDateUnavailable` when both are given — a date unavailable by either is unavailable.
+   */
+  unavailableDates?: string[];
+  /**
+   * The selected date range (controlled).
+   */
+  value?: RangeValue<DateValue$1> | null;
+  /**
+   * Number of months to display side by side, sharing one selection. Wraps to multiple rows in
+   * a narrow container (e.g. a popover on a sm screen) rather than overflowing — the wrap is
+   * driven by the calendar's own width, not the viewport, so it adapts correctly regardless of
+   * where the calendar is embedded.
+   *
+   * @default 1
+   */
+  visibleMonths?: number;
+}
+declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CalendarProps as a, CalendarMultipleProps as i, RangeCalendarProps as n, CalendarSingleProps as o, Calendar as r, RangeCalendar as t };
+//# sourceMappingURL=index-BNf0jIIL.d.ts.map

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

@@ -0,0 +1,59 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as ContextColor } from "./types-CS_40Txv.js";
+import React, { InputHTMLAttributes, ReactNode } from "react";
+//#region src/components/switch/Switch.d.ts
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the switch indicator to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Whether the switch is selected, uncontrolled.
+   */
+  defaultSelected?: boolean;
+  /**
+   * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+   */
+  id?: string;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * Whether the switch is selected, controlled.
+   */
+  isSelected?: boolean;
+  /**
+   * The element represents a caption for a component.
+   *
+   * Children are accepted as an alias for this prop — `label` wins when both are given.
+   * react-aria, which backs this component, calls the same thing `children`; this package renames
+   * it to `label`, and honouring both means the shape React developers reach for first still
+   * names the control instead of silently producing an unlabelled one.
+   */
+  label?: ReactNode;
+  /**
+   * Callback fired when the selected state changes.
+   */
+  onChange?: (isSelected: boolean) => void;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Specifies the type of component.
+   */
+  type?: 'checkbox' | 'radio';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { SwitchProps as n, Switch as t };
+//# sourceMappingURL=index-BO9jLOIb.d.ts.map