@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import * as S from './VerificationStatusIcon.styled';
+type VerificationStatusIconOwnProps = {
+    /**
+     * Status of the verification
+     */
+    status: 'verified' | 'pending' | 'rejected' | 'mixed';
+    /**
+     * Custom height of the icon
+     */
+    iconHeight?: number;
+    /**
+     * If Icon has background
+     */
+    background?: boolean;
+};
+/**
+ * A compact icon showing verification status with color coding.
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { VerificationStatusIcon } from '@ntbjs/react-components/data'
+ * // or
+ * import VerificationStatusIcon from '@ntbjs/react-components/data/VerificationStatusIcon'
+ * ```
+ *
+ * ### Props
+ * ```
+ * Pass one of "verified", "pending" or "rejected" to `status` to display the correct verification status.
+ * Pass `iconHeight={15}` to set the height of the icon in pixel
+ * ```
+ */
+declare const VerificationStatusIcon: React.ForwardRefExoticComponent<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, S.VerificationStatusIconStyleProps>, never>, "ref">, keyof VerificationStatusIconOwnProps> & VerificationStatusIconOwnProps & React.RefAttributes<any>>;
+export default VerificationStatusIcon;

package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Shared by all three components. Only `VerificationIconWrapper` and `VerificationStatusIcon` read it; on `VerificationStatusColor` it's passed and never read (harmless due to `$`).
+ */
+interface VerificationBackgroundStyleProps {
+    /** `background` — `PropTypes.bool`; swaps in the black pill and the light icon colour. */
+    $background?: boolean;
+}
+/**
+ * Defect: reads `iconHeight` (never passed); component passes `$iconHeight` which is never read. Icon always 15px, dot scales correctly.
+ */
+export interface VerificationStatusIconStyleProps extends VerificationBackgroundStyleProps {
+    /** `iconHeight` — `PropTypes.number`, px. Read, never passed; see the JSDoc above. */
+    iconHeight?: number;
+}
+/** Props of `VerificationStatusColor`, the small status dot. */
+interface VerificationStatusColorStyleProps extends VerificationBackgroundStyleProps {
+    /** `iconHeight` — `PropTypes.number`, px. This site reads the `$` form, correctly. */
+    $iconHeight?: number;
+    /**
+     * `status` — closed union to catch mistyped names as TS2367 rather than silent branch misfire.
+     */
+    $status?: 'verified' | 'pending' | 'rejected' | 'mixed';
+}
+export declare const VerificationIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, VerificationBackgroundStyleProps>, never>> & string;
+export declare const VerificationStatusIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, VerificationStatusIconStyleProps>, never>> & string;
+export declare const VerificationStatusColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, VerificationStatusColorStyleProps>, never>> & string;
+export {};

package/types/components/data/VerificationStatusIcon/index.d.ts

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

package/types/components/data/_shared/FloatingArrow.styled.d.ts

@@ -0,0 +1,29 @@
+import type { NtbTheme } from '../../../utils/defaultTheme';
+/**
+ * Which surface the arrow is pointing away from, i.e. which fill/border pair it uses.
+ *
+ * - `popover` — the `Popover` box and the summary-card overlay: `gray-700` on dark,
+ *   `white` on light, with a 1px border that continues the box's own.
+ * - `tooltip` — the `Tooltip` box: `gray-700` in BOTH themes and no border, because
+ *   `Tooltip.styled.ts` sets `background: gray-700` unconditionally and has no border.
+ */
+export type FloatingArrowSurface = 'popover' | 'tooltip';
+export declare const POPOVER_ARROW: {
+    readonly width: 26;
+    readonly height: 15;
+    readonly strokeWidth: 1;
+};
+export declare const TOOLTIP_ARROW: {
+    readonly width: 14;
+    readonly height: 7;
+    readonly strokeWidth: 0;
+};
+/**
+ * Props of `SharedFloatingArrow`. data-arrow-surface reaches DOM (rules select on it); theme is declared for .attrs() callback.
+ */
+interface FloatingArrowStyleProps {
+    theme?: NtbTheme;
+    'data-arrow-surface'?: FloatingArrowSurface;
+}
+export declare const SharedFloatingArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Omit<import("@floating-ui/react").FloatingArrowProps, "ref"> & import("react").RefAttributes<SVGSVGElement>, Omit<import("@floating-ui/react").FloatingArrowProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>, FloatingArrowStyleProps>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@floating-ui/react").FloatingArrowProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+export default SharedFloatingArrow;

package/types/components/data/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Alert } from './Alert';
+export { default as Badge } from './Badge';
+export { default as Popover } from './Popover';
+export { default as SeverityBadge } from './SeverityBadge';
+export { default as Tab } from './Tab';
+export { default as Tabs } from './Tabs';
+export { default as Tooltip } from './Tooltip';
+export { default as VerificationStatusIcon } from './VerificationStatusIcon';

package/types/components/index.d.ts

@@ -0,0 +1,3 @@
+import * as Form from './inputs';
+import * as Widget from './widgets';
+export { Form, Widget };

package/types/components/inputs/ActionButton/ActionButton.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import * as S from './ActionButton.styled';
+type ActionButtonOwnProps = {
+    /**
+     * Icon element – e.g: `icon={<SvgAddCircle />}`
+     */
+    icon: React.ReactElement<any>;
+    /**
+     * Disable the action button
+     */
+    disabled?: boolean;
+    /**
+     * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the
+     * `ActionButton`
+     */
+    active?: boolean;
+    /**
+     * On-click effect for the action button
+     */
+    onClick?: (...args: any[]) => any;
+    /**
+     * Color of the button background as an array of [darkThemeColor, lightThemeColor]
+     */
+    backgroundColors?: string[];
+    /**
+     * Width and Height of the Action Button [50, 50]
+     */
+    actionWidthHeight?: any[];
+    /**
+     *Use shadow for the action button
+     */
+    useShadow?: boolean;
+};
+/**
+ * An action button.
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { ActionButton } from '@ntbjs/react-components/inputs'
+ * // or
+ * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'
+ * ```
+ *
+ * ### Props
+ * ```
+ * Pass `icon={<svg></svg>}` to display an icon.
+ * Pass `disabled={true}` to disable the button.
+ * Pass `active={true}` to lock the hover state of the button.
+ * Pass `onClick={() => {}}` to add an on-click effect.
+ * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button
+ * ```
+ */
+declare const ActionButton: React.ForwardRefExoticComponent<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, S.ActionButtonStyleProps>, never>, "ref">, keyof ActionButtonOwnProps> & ActionButtonOwnProps & React.RefAttributes<any>>;
+export default ActionButton;

package/types/components/inputs/ActionButton/ActionButton.styled.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Props of the styled ActionButton. `disabled` is absent: it's a real ButtonHTMLAttributes member.
+ */
+export interface ActionButtonStyleProps {
+    /**
+     * Width and height `[width, height]` in px. Unguarded array access—needs `?.` when strictNullChecks flips.
+     */
+    $actionWidthHeight?: number[];
+    /** `backgroundColors` — `PropTypes.arrayOf(PropTypes.string)`, `[dark, light]`. */
+    $backgroundColors?: string[];
+    /** `active` — `PropTypes.bool`. Locks the hover state. */
+    $active?: boolean;
+    /** `useShadow` — `PropTypes.bool`. Component defaults it to `false`. */
+    $useShadow?: boolean;
+}
+export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ActionButtonStyleProps>, never>> & string;

package/types/components/inputs/ActionButton/index.d.ts

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

package/types/components/inputs/Button/Button.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import * as S from './Button.styled';
+type ButtonOwnProps = {
+    /**
+     * On-click effect for the main button
+     */
+    onClickEffect?: (...args: any[]) => any;
+    /**
+     * Whether the button is a "single action button". For single action buttons,
+     * the entire button opens the dropdown menu, not just the arrow.
+     */
+    singleAction?: boolean;
+    /**
+     * Whether the button must have an active dropdown menu.
+     */
+    activeDropdown?: boolean;
+    /**
+     * An array containing nodes of the `ContextMenuItem` component
+     */
+    dropdownItems?: React.ReactNode;
+    /**
+     * Whether the button should be styled as a secondary button
+     */
+    secondary?: boolean;
+    /**
+     * Whether the button should be styled with borders
+     */
+    outlined?: boolean;
+    /**
+     * Whether the button should customize the border width
+     */
+    border?: number;
+    /**
+     * Whether the button should be of 100% width
+     */
+    block?: boolean;
+    /**
+     * Optional icon to be displayed on the left side of the button
+     */
+    icon?: React.ReactElement<any>;
+    /**
+     * Which size variation should be used
+     */
+    size?: 'x-small' | 'small' | 'normal' | 'large';
+    /**
+     * Whether the button should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should be initiated in a loading state
+     */
+    loading?: boolean;
+    /**
+     * Optional custom classnames for the HTML element
+     */
+    className?: string;
+    /**
+     * Main content of the button
+     */
+    children: any;
+    /**
+     * Gap between arrow and text in single action button
+     */
+    singleActionGap?: number;
+    /**
+     * Custom  min-width
+     */
+    width?: number;
+};
+/**
+ * Buttons communicate actions that users can take.
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { Button } from '@ntbjs/react-components/inputs'
+ * // or
+ * import Button from '@ntbjs/react-components/inputs/Button'
+ * ```
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, S.ButtonStyleProps>, never>, "ref">, keyof ButtonOwnProps> & ButtonOwnProps & React.RefAttributes<any>>;
+export default Button;

package/types/components/inputs/Button/Button.styled.d.ts

@@ -0,0 +1,60 @@
+import type { ReactNode } from 'react';
+type ButtonSize = 'x-small' | 'small' | 'normal' | 'large';
+type DropdownItems = ReactNode;
+export interface ButtonStyleProps {
+    $border?: number;
+    $secondary?: boolean;
+    $outlined?: boolean;
+    $dropdownItems?: DropdownItems;
+    $block?: boolean;
+    size?: ButtonSize;
+    $singleaction?: boolean;
+    $singleactiongap?: number;
+    $width?: number;
+}
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonStyleProps>, never>> & string;
+export declare const ButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    /** `size` — see `ButtonSize`. Leaks onto this `<div>` too; see there. */
+    size?: ButtonSize;
+    /** `loadingState` — the component's own state, so `boolean`. */
+    $loading?: boolean;
+    /** `singleAction` — passed only at the single-action site. */
+    $singleaction?: boolean;
+}>, never>> & string;
+export declare const LoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    $loading?: boolean;
+}>, never>> & string;
+export declare const LoadingIndicatorSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, import("react").SVGProps<SVGSVGElement>>, never>, never>> & string;
+export declare const LoadingIndicatorSvgCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, import("react").SVGProps<SVGCircleElement>>, never>, never>> & string;
+export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, {
+    $block?: boolean;
+}>, never>> & string;
+/** The dropdown-state props the three container `<div>`s share. */
+interface DropdownContainerStyleProps {
+    /** `activeDropdown` — `PropTypes.bool`, default `false`. */
+    $activeDropdown?: boolean;
+    /** `dropdownItems` — see `DropdownItems`. */
+    $dropdownItems?: DropdownItems;
+}
+export declare const MainButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DropdownContainerStyleProps & {
+    /** `block` — full-width. */
+    $block?: boolean;
+    /** `outlined` — suppresses the wrapper background. */
+    $outlined?: boolean;
+    /** `secondary` — picks the grey background over the emerald one. */
+    $secondary?: boolean;
+}>, never>> & string;
+export declare const MainButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DropdownContainerStyleProps & {
+    /** `block` — full-width. */
+    $block?: boolean;
+    /** DEAD READ, see above. Nothing passes it; `$outlined` is what arrives. */
+    outlined?: boolean;
+}>, never>> & string;
+export declare const MainButtonContainerSingle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DropdownContainerStyleProps & {
+    /** DEAD READ, see above: the single-action layout never applies. */
+    $singleaction?: boolean;
+}>, never>> & string;
+export declare const DropdownButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    $singleaction?: boolean;
+}>, never>> & string;
+export {};

package/types/components/inputs/Button/index.d.ts

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

package/types/components/inputs/Checkbox/Checkbox.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+type Props = {
+    /**
+     * Whether the checkbox is checked
+     */
+    checked?: boolean;
+    /**
+     * Whether the checkbox should be checked or unchecked by default
+     */
+    defaultChecked?: boolean;
+    /**
+     * The checkbox' label
+     */
+    label?: string | React.ReactElement<any>;
+    /**
+     * Whether the checkbox is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the checkbox is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * The checkbox' name
+     */
+    name?: string;
+    /**
+     * The checkbox' value
+     */
+    value?: string | number;
+    /**
+     * Description of the checkbox
+     */
+    description?: string;
+    /**
+     * Whether there's an error. Error message can be passed as a `string` to be displayed below the checkbox.
+     */
+    error?: boolean | string;
+    /**
+     * Whether the checkbox is indeterminate. This will display a dash in the checkbox instead of the default checkmark.
+     */
+    indeterminate?: boolean;
+    /**
+     * Mutes the color of the visual checkbox – Does not mute the label or other parts of the Checkbox
+     */
+    muted?: boolean;
+    /**
+     * On-change effect
+     */
+    onChange?: (...args: any[]) => any;
+    /**
+     * On-blur effect
+     */
+    onBlur?: (...args: any[]) => any;
+    /**
+     * Optional class name for the HTML element
+     */
+    className?: string;
+    /**
+     * Optional in-line styling for the HTML element
+     */
+    style?: any;
+    /**
+     * Visual variant. `green` (default) uses emerald fill. `black` uses themed black/white square (24px, rounded), inverted check.
+     */
+    variant?: 'green' | 'black';
+};
+/**
+ * Checkboxes allow the user to select one or more items from a set.
+ *
+ * If you have a single option, avoid using a checkbox and use an on/off switch (`Switch` component) instead.
+ *
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { Checkbox } from '@ntbjs/react-components/inputs'
+ * // or
+ * import Checkbox from '@ntbjs/react-components/inputs/Checkbox'
+ * ```
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default Checkbox;

package/types/components/inputs/Checkbox/Checkbox.styled.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `variant` — `PropTypes.oneOf(['green', 'black'])`, carried as `$variant` by both
+ * `Checkbox` and `CheckboxLabel`. Closed on purpose: both templates compare
+ * `=== 'black'`, and with a closed union a mistyped variant name is TS2367 rather
+ * than a branch that silently never fires.
+ */
+type CheckboxVariant = 'green' | 'black';
+export declare const Checkbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    $variant?: CheckboxVariant;
+}>, never>> & string;
+export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const IndeterminateCheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+interface CheckboxLabelStyleProps {
+    /** `muted` — fades the checkbox box. Leaks to DOM. */
+    muted?: boolean;
+    /** `readOnly` — leaks to DOM. */
+    readOnly?: boolean;
+    /** `disabled` — leaks to DOM. */
+    disabled?: boolean;
+    /** `variant` — closed union, properly transient. */
+    $variant?: CheckboxVariant;
+}
+export declare const CheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, CheckboxLabelStyleProps>, never>> & string;
+export declare const CheckboxVisualLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, {
+    /** `error` — narrowed to `boolean` after `hasError` derivation. */
+    $error?: boolean;
+}>, never>> & string;
+export {};

package/types/components/inputs/Checkbox/index.d.ts

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