@dinofront/design_system 1.0.0 → 1.2.0

package/dist/components/Accordion/Accordion.types.d.ts

@@ -9,6 +9,10 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement>, BaseProp
     /** Controlled open value(s). Pass alongside `onValueChange` to fully control which item(s) are open. */
     value?: string | string[];
     onValueChange?: (value: string | string[]) => void;
+    /** Animates each panel open/closed. Set `false` for the pre-1.x instant toggle (also restores the plain `hidden` attribute instead of the animated grid wrapper). */
+    animated?: boolean;
+    /** Renders a Divider between each item's header and its panel content. */
+    showDivider?: boolean;
     children: ReactNode;
 }
 export interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, BaseProps {

package/dist/components/Badge/Badge.types.d.ts

@@ -3,12 +3,23 @@ import { BaseProps } from '../../types';
 export type BadgeVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'privacy';
 export type BadgeStyle = 'filled' | 'outline' | 'accent';
 export type BadgeSize = 'lg' | 'md' | 'sm' | 'xs';
+export type BadgeShape = 'rounded' | 'pill';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, BaseProps {
     variant?: BadgeVariant;
     appearance?: BadgeStyle;
     size?: BadgeSize;
+    /** `'pill'` is fully rounded; `'rounded'` (default) uses the size's own corner radius. */
+    shape?: BadgeShape;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     /** Renders a trailing dismiss button (replacing `rightIcon`) that calls this on click. */
     onDismiss?: () => void;
+    /** Renders as a standalone status dot instead of a labeled badge. Ignores `children`, icons, and `onDismiss`. */
+    dot?: boolean;
+    /** Renders a leading status dot before `children`, in place of `leftIcon`. */
+    withDot?: boolean;
+    /** Dims the badge and blocks pointer/keyboard interaction, including `onDismiss`. */
+    disabled?: boolean;
+    /** Adds hover/active states, a focus ring, `role="button"`, and Enter/Space activation for `onClick`. */
+    interactive?: boolean;
 }

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumb/Breadcrumb.types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type BreadcrumbSize = 'md' | 'sm';
+export interface BreadcrumbItem {
+    value: string | number;
+    label: ReactNode;
+    /** Renders the crumb as an `<a>` instead of a `<button>`. */
+    href?: string;
+    disabled?: boolean;
+}
+export interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'>, BaseProps {
+    items: BreadcrumbItem[];
+    /** Value of the current-page crumb, rendered as plain text with `aria-current="page"`. Defaults to the last item. */
+    currentValue?: string | number;
+    onSelect?: (value: string | number) => void;
+    /** Rendered between crumbs, hidden from assistive tech. Default `'/'`. */
+    separator?: ReactNode;
+    size?: BreadcrumbSize;
+}

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

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbItem, BreadcrumbProps, BreadcrumbSize } from './Breadcrumb.types';

package/dist/components/CardGroup/CardGroup.d.ts

@@ -0,0 +1,2 @@
+import { CardGroupProps } from './CardGroup.types';
+export declare const CardGroup: import('react').ForwardRefExoticComponent<CardGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/CardGroup/CardGroup.types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type CardGroupTitleColor = 'brand' | 'blue' | 'purple' | 'pink' | 'yellow' | 'gray';
+export type CardGroupTitlePlacement = 'top' | 'left' | 'right';
+export interface CardGroupTitle {
+    text: ReactNode;
+    /** Default `'gray'`. */
+    color?: CardGroupTitleColor;
+    /** Default `'left'`. `'left'`/`'right'` render a vertical rail along that edge; `'top'` renders a horizontal bar. */
+    placement?: CardGroupTitlePlacement;
+}
+export interface CardGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, BaseProps {
+    title?: CardGroupTitle;
+    /** Extra content beside the title, rendered as the first divided section. */
+    header?: ReactNode;
+    children?: ReactNode;
+    /** Disables the automatic divider between the header and each child. */
+    noDivider?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { CardGroup } from './CardGroup';
+export type { CardGroupProps, CardGroupTitle, CardGroupTitleColor, CardGroupTitlePlacement, } from './CardGroup.types';

package/dist/components/Copy/Copy.d.ts

@@ -0,0 +1,2 @@
+import { CopyProps } from './Copy.types';
+export declare const Copy: import('react').ForwardRefExoticComponent<CopyProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Copy/Copy.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../types';
+import { ButtonProps } from '../Button';
+export interface CopyProps extends Omit<ButtonProps, 'children' | 'onClick' | 'leftIcon' | 'rightIcon' | 'onCopy'>, BaseProps {
+    /** Text copied to the clipboard on click. */
+    text: string;
+    /** Feedback shown in the popover after copying. Default `'Copied'`. */
+    copiedLabel?: string;
+    /** Accessible name for the button (it has no visible text). Default `'Copy to clipboard'`. */
+    label?: string;
+    /** Milliseconds before the feedback clears. Default `1500`. */
+    timeout?: number;
+    /** Overrides the default copy icon. */
+    icon?: ReactNode;
+    onCopy?: (text: string) => void;
+    onError?: (error: unknown) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Copy } from './Copy';
+export type { CopyProps } from './Copy.types';

package/dist/components/Counter/Counter.d.ts

@@ -0,0 +1,2 @@
+import { CounterProps } from './Counter.types';
+export declare const Counter: import('react').ForwardRefExoticComponent<CounterProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Counter/Counter.types.d.ts

@@ -0,0 +1,20 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+import { InputSize } from '../Input';
+export interface CounterProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'>, BaseProps {
+    /** Controlled value. */
+    value?: number;
+    /** Uncontrolled initial value. Default `0`. */
+    defaultValue?: number;
+    /** Fires on every committed change — button press, or blur after typing. Not native `onChange`, since a button press isn't a `ChangeEvent`. */
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: InputSize;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    errorText?: ReactNode;
+    error?: boolean;
+    wrapperClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Counter } from './Counter';
+export type { CounterProps } from './Counter.types';

package/dist/components/DistributionBar/DistributionBar.d.ts

@@ -0,0 +1,2 @@
+import { DistributionBarProps } from './DistributionBar.types';
+export declare const DistributionBar: import('react').ForwardRefExoticComponent<DistributionBarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DistributionBar/DistributionBar.types.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type DistributionColor = 'brand' | 'blue' | 'purple' | 'pink' | 'yellow' | 'red' | 'gray';
+export type DistributionBarSize = 'sm' | 'lg';
+export interface DistributionSegment {
+    label: ReactNode;
+    value: number;
+    color: DistributionColor;
+    /** Suffix appended after the formatted value in the legend, e.g. `'AMD'`. */
+    unit?: string;
+    /** Still counted in the bar's proportions, just omitted from the legend list. */
+    hideFromLegend?: boolean;
+}
+export interface DistributionBarProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
+    segments: DistributionSegment[];
+    hideLegend?: boolean;
+    /** Default: `Intl.NumberFormat().format`. */
+    formatValue?: (value: number) => string;
+    size?: DistributionBarSize;
+}

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

@@ -0,0 +1,2 @@
+export { DistributionBar } from './DistributionBar';
+export type { DistributionBarProps, DistributionBarSize, DistributionColor, DistributionSegment, } from './DistributionBar.types';

package/dist/components/Drawer/Drawer.types.d.ts

@@ -19,5 +19,9 @@ export interface DrawerProps extends BaseProps {
     closeOnOverlayClick?: boolean;
     /** Whether the built-in close (X) button is rendered. */
     showClose?: boolean;
+    /** Slides/fades the drawer in and out. Set `false` for the pre-1.x instant mount/unmount. */
+    animated?: boolean;
+    /** Extra controls in the header, left of the close button — e.g. a pin or back button. */
+    headerActions?: ReactNode;
     className?: string;
 }

package/dist/components/DropdownMenu/DropdownMenu.types.d.ts

@@ -1,6 +1,9 @@
-import { ButtonHTMLAttributes, HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
 import { BaseProps } from '../../types';
-export type DropdownContentAlign = 'start' | 'end';
+import { AnchoredAlign, AnchoredSide } from '../../lib/useAnchoredPosition';
+export type DropdownContentAlign = AnchoredAlign;
+export type DropdownContentSide = AnchoredSide;
+export type DropdownContentStrategy = 'fixed' | 'absolute';
 export interface DropdownMenuProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
     children: ReactNode;
     /** Uncontrolled initial open state. */
@@ -8,6 +11,8 @@ export interface DropdownMenuProps extends HTMLAttributes<HTMLDivElement>, BaseP
     /** Controlled open state. Pass alongside `onOpenChange` to fully control the menu. */
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /** Anchor the panel to an element the consumer owns instead of `<DropdownTrigger>`'s child. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 export interface DropdownTriggerProps {
     /** A single element cloned with the click handler and `aria-haspopup`/`aria-expanded` that open the menu. */
@@ -17,6 +22,19 @@ export interface DropdownContentProps extends HTMLAttributes<HTMLDivElement>, Ba
     children: ReactNode;
     /** Horizontal alignment of the panel relative to the trigger. */
     align?: DropdownContentAlign;
+    /** `'fixed'` portals the panel to `document.body` so it can never be clipped by an
+     *  `overflow: hidden` ancestor. `'absolute'` is the pre-1.x behaviour, kept as an escape
+     *  hatch for consumers who positioned the panel themselves via `className`. */
+    strategy?: DropdownContentStrategy;
+    /** Preferred vertical side. Auto-flips when there isn't room, unless `flip` is false. Only applies when `strategy="fixed"`. */
+    side?: DropdownContentSide;
+    sideOffset?: number;
+    flip?: boolean;
+    shift?: boolean;
+    /** Sets the panel's min-width to the trigger's/anchor's width. */
+    matchTriggerWidth?: boolean;
+    /** Closes the menu when any ancestor scrolls. */
+    closeOnScroll?: boolean;
 }
 export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseProps {
     children: ReactNode;
@@ -29,6 +47,8 @@ export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElemen
     destructive?: boolean;
     /** Renders a leading check mark when `true`; reserves the space (unchecked) when `false`. Omit entirely for items with no check state. */
     checked?: boolean;
+    /** Secondary line rendered under the label. */
+    meta?: ReactNode;
 }
 export interface DropdownSeparatorProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
 }

package/dist/components/Empty/Empty.d.ts

@@ -0,0 +1,2 @@
+import { EmptyProps } from './Empty.types';
+export declare const Empty: import('react').ForwardRefExoticComponent<EmptyProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Empty/Empty.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type EmptySize = 'lg' | 'sm';
+export interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, BaseProps {
+    size?: EmptySize;
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Defaults to a `SearchX` icon in an `IconTile` circle — pass your own illustration node to override. */
+    illustration?: ReactNode;
+    /** Slot for a call-to-action, e.g. a `<Button>`. */
+    action?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Empty } from './Empty';
+export type { EmptyProps, EmptySize } from './Empty.types';

package/dist/components/FormContainer/FormContainer.d.ts

@@ -0,0 +1,2 @@
+import { FormContainerProps } from './FormContainer.types';
+export declare const FormContainer: import('react').ForwardRefExoticComponent<FormContainerProps & import('react').RefAttributes<HTMLFormElement>>;

package/dist/components/FormContainer/FormContainer.types.d.ts

@@ -0,0 +1,18 @@
+import { FormHTMLAttributes, ReactNode } from 'react';
+import { FieldValues, FormState, Mode } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
+import { BaseProps } from '../../types';
+import { ButtonProps } from '../Button';
+export interface FormContainerProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'>, BaseProps {
+    children?: ReactNode;
+    /** A yup object schema — resolved via `@hookform/resolvers/yup`. */
+    validationSchema: ObjectSchema<FieldValues>;
+    defaultValues: FieldValues;
+    /** Rendered as a row of `Button`s below `children` — omit and render your own footer instead. */
+    buttons?: ButtonProps[];
+    mode?: Mode;
+    shouldUnregister?: boolean;
+    shouldFocusError?: boolean;
+    formId?: string;
+    onSubmit?: (data: FieldValues, formState: FormState<FieldValues>) => void;
+}

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

@@ -0,0 +1,2 @@
+export { FormContainer } from './FormContainer';
+export type { FormContainerProps } from './FormContainer.types';

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldProps } from './FormField.types';
+export declare const FormField: import('react').ForwardRefExoticComponent<FormFieldProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/FormField/FormField.types.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { RefCallBack } from 'react-hook-form';
+import { BaseProps } from '../../types';
+/** Deliberately untyped `value`/`onChange`: this render prop feeds whichever
+ *  input the consumer wires up (native `value`, Select's `string`, Checkbox's
+ *  `boolean`, ...). */
+export interface FormFieldRenderProps {
+    name: string;
+    value: any;
+    onChange: (...event: any[]) => void;
+    onBlur: () => void;
+    ref: RefCallBack;
+    error: boolean;
+    errorText?: string;
+    dataTestId?: string;
+}
+export interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'>, BaseProps {
+    name: string;
+    defaultValue?: unknown;
+    /** Render prop — receives field bindings plus `error`/`errorText`, e.g. `(p) => <Input {...p} label="Email" />`. */
+    render: (props: FormFieldRenderProps) => ReactElement;
+}

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

@@ -0,0 +1,2 @@
+export { FormField } from './FormField';
+export type { FormFieldProps, FormFieldRenderProps } from './FormField.types';

package/dist/components/Input/Input.types.d.ts

@@ -3,6 +3,8 @@ import { BaseProps } from '../../types';
 export type InputSize = 'lg' | 'md' | 'sm';
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, BaseProps {
     label?: ReactNode;
+    /** Content rendered on the label row, right of the label text and required marker — e.g. an info tooltip trigger. Rendered as a sibling of the `<label>`, not a child, so an interactive addon never steals focus into the field. */
+    labelAddons?: ReactNode;
     helperText?: ReactNode;
     errorText?: ReactNode;
     size?: InputSize;

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,2 @@
+import { LinkProps } from './Link.types';
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/Link/Link.types.d.ts

@@ -0,0 +1,15 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+import { TextColor, TextVariant, TextWeight } from '../Text';
+export type LinkUnderline = 'hover' | 'always' | 'none';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, BaseProps {
+    /** Typography variant, same scale as `Text`. Default `'p-std'`. */
+    variant?: TextVariant;
+    weight?: TextWeight;
+    /** Semantic text color, same scale as `Text`. Default `'brand'`. */
+    color?: TextColor;
+    underline?: LinkUnderline;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    truncate?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps, LinkUnderline } from './Link.types';

package/dist/components/MultiSelect/MultiSelect.types.d.ts

@@ -18,6 +18,10 @@ export interface MultiSelectProps extends BaseProps {
     /** Selected option values (controlled). */
     value: string[];
     onChange: (values: string[]) => void;
+    /** Called with the option that was just added, alongside `onChange` (never instead of it). */
+    onAdd?: (option: MultiSelectOption) => void;
+    /** Called with the value that was just removed, alongside `onChange` (never instead of it). */
+    onRemove?: (value: string) => void;
     size?: MultiSelectSize;
     placeholder?: string;
     /** Placeholder once at least one chip exists. Defaults to "Add another…". */
@@ -25,6 +29,8 @@ export interface MultiSelectProps extends BaseProps {
     disabled?: boolean;
     error?: boolean;
     label?: ReactNode;
+    /** Content rendered on the label row, right of the label text and required marker — e.g. an info tooltip trigger. Rendered as a sibling of the `<label>`, not a child, so an interactive addon never steals focus into the field. */
+    labelAddons?: ReactNode;
     helperText?: ReactNode;
     errorText?: ReactNode;
     required?: boolean;
@@ -32,6 +38,8 @@ export interface MultiSelectProps extends BaseProps {
     lockedValues?: string[];
     /** Cap on how many can be selected (default: unlimited). */
     max?: number;
+    /** Renders an Avatar on every chip and dropdown row, falling back to initials derived from the option's `label` when it has no `avatarSrc`. Default `false` — avatars still render for options that already set `avatarSrc` regardless. */
+    showAvatars?: boolean;
     /** Set false for a click-to-open picker with no text filter. */
     searchable?: boolean;
     /** Dropdown header shown when the query is empty. */

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,2 @@
+import { PopoverProps } from './Popover.types';
+export declare function Popover({ content, children, side, align, offset, open, defaultOpen, onOpenChange, flip, showArrow, closeOnScroll, autoFocus, container, className, dataTestId, }: PopoverProps): import("react").JSX.Element;

package/dist/components/Popover/Popover.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactElement, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+import { FloatingAlign, FloatingSide } from '../../lib/useFloatingPosition';
+export type PopoverSide = FloatingSide;
+export type PopoverAlign = FloatingAlign;
+export interface PopoverProps extends BaseProps {
+    /** Bubble content. May contain interactive elements — unlike `Tooltip`, the bubble is not `pointer-events-none`. */
+    content: ReactNode;
+    /** Single trigger element; `Popover` attaches an `onClick` (composed with any the child already has) plus `aria-expanded`/`aria-haspopup`. */
+    children: ReactElement;
+    side?: PopoverSide;
+    align?: PopoverAlign;
+    /** Gap between the trigger and the bubble, in px. Default `8`. */
+    offset?: number;
+    /** Controlled open state. Pass alongside `onOpenChange` to fully control the popover. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Flips to the opposite side on the same axis when there isn't room. Default `true`. */
+    flip?: boolean;
+    showArrow?: boolean;
+    /** Closes the popover when any ancestor scrolls. Default `true`. */
+    closeOnScroll?: boolean;
+    /** Moves focus into the bubble on open, restoring it to the trigger on close. Default `false` — there is no focus trap in v1, so use sparingly for content that's genuinely keyboard-operable. */
+    autoFocus?: boolean;
+    className?: string;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+}

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

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverAlign, PopoverProps, PopoverSide } from './Popover.types';

package/dist/components/ReadMore/ReadMore.d.ts

@@ -0,0 +1,2 @@
+import { ReadMoreProps } from './ReadMore.types';
+export declare const ReadMore: import('react').ForwardRefExoticComponent<ReadMoreProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ReadMore/ReadMore.types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+import { TextProps } from '../Text';
+export interface ReadMoreProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, BaseProps {
+    children: ReactNode;
+    /** Lines shown while collapsed. Default `3`. Ignored when `collapsedContent` supplies its own text. */
+    clamp?: number;
+    /** Escape hatch for collapsed copy that genuinely differs from `children`, rather than just clamping it. */
+    collapsedContent?: ReactNode;
+    expandLabel?: ReactNode;
+    collapseLabel?: ReactNode;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Typography passed through to the underlying `Text`. */
+    textProps?: Pick<TextProps, 'variant' | 'weight' | 'color'>;
+}

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

@@ -0,0 +1,2 @@
+export { ReadMore } from './ReadMore';
+export type { ReadMoreProps } from './ReadMore.types';

package/dist/components/Select/Select.types.d.ts

@@ -13,6 +13,8 @@ export interface SelectProps extends BaseProps {
     onChange?: (value: string) => void;
     placeholder?: string;
     label?: ReactNode;
+    /** Content rendered on the label row, right of the label text — e.g. an info tooltip trigger. Rendered as a sibling of the `<label>`, not a child, so an interactive addon never steals focus into the trigger. */
+    labelAddons?: ReactNode;
     helperText?: ReactNode;
     errorText?: ReactNode;
     error?: boolean;

package/dist/components/StepIndicator/StepIndicator.d.ts

@@ -0,0 +1,2 @@
+import { StepIndicatorProps } from './StepIndicator.types';
+export declare const StepIndicator: import('react').ForwardRefExoticComponent<StepIndicatorProps & import('react').RefAttributes<HTMLOListElement>>;

package/dist/components/StepIndicator/StepIndicator.types.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type StepIndicatorStatus = 'upcoming' | 'active' | 'completed' | 'rejected';
+export type StepIndicatorMarker = 'number' | 'dot' | 'icon';
+export type StepIndicatorOrientation = 'horizontal' | 'vertical';
+export type StepIndicatorSize = 'lg' | 'sm';
+export interface StepIndicatorItem {
+    value: string | number;
+    label: ReactNode;
+    description?: ReactNode;
+    status?: StepIndicatorStatus;
+    /** Halo ring around the marker — an orthogonal emphasis flag, independent of `status` (e.g. a completed step still awaiting review). */
+    highlighted?: boolean;
+}
+export interface StepIndicatorProps extends Omit<HTMLAttributes<HTMLOListElement>, 'children'>, BaseProps {
+    steps: StepIndicatorItem[];
+    /** Marks the matching step `aria-current="step"`. */
+    activeValue?: string | number;
+    /** Wraps each marker in a `<button>` when set. Omit to render a non-interactive indicator. */
+    onStepSelect?: (value: string | number) => void;
+    marker?: StepIndicatorMarker;
+    orientation?: StepIndicatorOrientation;
+    size?: StepIndicatorSize;
+}

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

@@ -0,0 +1,2 @@
+export { StepIndicator } from './StepIndicator';
+export type { StepIndicatorItem, StepIndicatorMarker, StepIndicatorOrientation, StepIndicatorProps, StepIndicatorSize, StepIndicatorStatus, } from './StepIndicator.types';

package/dist/components/Tabs/Tabs.types.d.ts

@@ -1,5 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import { BaseProps } from '../../types';
+import { BadgeProps } from '../Badge';
 export type TabsVariant = 'underline' | 'pills' | 'boxed';
 export type TabsSize = 'lg' | 'md' | 'sm';
 export interface TabsProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
@@ -10,8 +11,12 @@ export interface TabsProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
     onValueChange?: (value: string) => void;
     variant?: TabsVariant;
     size?: TabsSize;
+    /** Disables every tab in the bar at once. OR'd with each `Tab`'s own `disabled`. */
+    disabled?: boolean;
 }
 export interface TabListProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
+    /** Horizontally scrolls the bar when tabs overflow, instead of wrapping. */
+    scrollable?: boolean;
 }
 export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseProps {
     /** Unique identifier matched against the parent `Tabs`'s active value. */
@@ -19,8 +24,18 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseP
     icon?: ReactNode;
     /** Count/indicator rendered after the label. Hidden when `undefined`, `null`, or `false`. */
     badge?: ReactNode;
+    /** Styles `badge` through `Badge` instead of the default fixed-style count pill. Omit to keep the default. */
+    badgeProps?: Pick<BadgeProps, 'variant' | 'appearance' | 'size'>;
+    /** Trailing icon rendered as its own button — e.g. a close-tab X. Rendered as a sibling of the tab button, not a nested one (nesting a button inside a button is invalid HTML). */
+    rightIcon?: ReactNode;
+    /** Called with this tab's `value` when `rightIcon` is clicked. Does not activate the tab. */
+    onRightIconClick?: (value: string) => void;
+    /** Accessible name for the `rightIcon` button. Required when `rightIcon` is set. */
+    rightIconLabel?: string;
 }
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
-    /** Matched against the parent `Tabs`'s active value; renders nothing (unmounted) when not active. */
+    /** Matched against the parent `Tabs`'s active value; hidden (or unmounted, depending on `keepMounted`) when not active. */
     value: string;
+    /** Keeps the panel mounted (hidden via the `hidden` attribute) while inactive, instead of unmounting it — preserves scroll position and in-panel state across tab switches. */
+    keepMounted?: boolean;
 }

package/dist/components/Text/Text.types.d.ts

@@ -12,4 +12,6 @@ export interface TextProps extends HTMLAttributes<HTMLElement>, BaseProps {
     as?: ElementType;
     /** Truncate to a single line with ellipsis. */
     truncate?: boolean;
+    /** Truncate to this many lines with ellipsis (CSS line-clamp). Ignored when `truncate` is set. */
+    clamp?: number;
 }

package/dist/components/TextArea/TextArea.types.d.ts

@@ -2,6 +2,8 @@ import { TextareaHTMLAttributes, ReactNode } from 'react';
 import { BaseProps } from '../../types';
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, BaseProps {
     label?: ReactNode;
+    /** Content rendered on the label row, right of the label text and required marker — e.g. an info tooltip trigger. Rendered as a sibling of the `<label>`, not a child, so an interactive addon never steals focus into the field. */
+    labelAddons?: ReactNode;
     helperText?: ReactNode;
     errorText?: ReactNode;
     error?: boolean;

package/dist/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -0,0 +1,2 @@
+import { ThemeSwitchProps } from './ThemeSwitch.types';
+export declare const ThemeSwitch: import('react').ForwardRefExoticComponent<ThemeSwitchProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/ThemeSwitch/ThemeSwitch.types.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export interface ThemeSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, BaseProps {
+    /** `true` renders the "dark" thumb position. Purely presentational — `ThemeSwitch` owns no theme state; wire `onChange` to your own theme toggle. */
+    checked?: boolean;
+    label?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { ThemeSwitch } from './ThemeSwitch';
+export type { ThemeSwitchProps } from './ThemeSwitch.types';

package/dist/components/UnderConstruction/UnderConstruction.d.ts

@@ -0,0 +1,2 @@
+import { UnderConstructionProps } from './UnderConstruction.types';
+export declare const UnderConstruction: import('react').ForwardRefExoticComponent<UnderConstructionProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UnderConstruction/UnderConstruction.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type UnderConstructionSize = 'lg' | 'sm';
+export interface UnderConstructionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, BaseProps {
+    size?: UnderConstructionSize;
+    /** Defaults to "We'll be back soon" — pass a translated string for other locales. */
+    title?: ReactNode;
+    /** Defaults to a generic maintenance message — pass a translated string for other locales. */
+    description?: ReactNode;
+    /** Defaults to a `Construction` icon in an `IconTile` circle — pass your own illustration node to override. */
+    illustration?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { UnderConstruction } from './UnderConstruction';
+export type { UnderConstructionProps, UnderConstructionSize } from './UnderConstruction.types';