@mt-gloss/ui 0.0.9 → 0.0.11

package/lib/base/BaseMenu/BaseMenu.d.ts

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+import { ElevationValue } from '../../dictionary/elevation';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseMenuDefinition {
+    bg?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    elevation?: ElevationValue | string;
+    padding?: SpacingValue | string;
+    minWidth?: string;
+}
+interface BaseMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseMenuDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural menu container with definition-driven styling.
+ */
+export declare const BaseMenu: React.ForwardRefExoticComponent<BaseMenuProps & React.RefAttributes<HTMLDivElement>>;
+interface BaseMenuGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    label?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural menu group with optional label.
+ */
+export declare function BaseMenuGroup({ label, className, style, children, ...rest }: BaseMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseMenuGroup {
+    var displayName: string;
+}
+export interface BaseMenuItemDefinition {
+    padding?: SpacingValue | string;
+    fontSize?: string;
+    color?: ColorValue | string;
+    hoverBg?: ColorValue | string;
+}
+interface BaseMenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'className' | 'style'> {
+    definition?: BaseMenuItemDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    as?: React.ElementType;
+}
+/**
+ * @internal
+ * Structural menu item element. Supports polymorphic `as` prop.
+ */
+export declare const BaseMenuItem: React.ForwardRefExoticComponent<BaseMenuItemProps & React.RefAttributes<HTMLElement>>;
+interface BaseMenuDividerProps {
+    className?: string;
+}
+/**
+ * @internal
+ * Structural menu divider separator.
+ */
+export declare function BaseMenuDivider({ className }: BaseMenuDividerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseMenuDivider {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseNumberInput/BaseNumberInput.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseNumberInputDefinition {
+    bg?: ColorValue | string;
+    color?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    fontSize?: string;
+    padding?: SpacingValue | string;
+    buttonBg?: ColorValue | string;
+    minHeight?: string;
+}
+interface BaseNumberInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseNumberInputDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural number input with increment/decrement button slots.
+ * No value clamping or step logic -- Preset layer handles that.
+ */
+export declare function BaseNumberInput({ definition, className, style, disabled, children, ...rest }: BaseNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseNumberInput {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseOverlay/BaseOverlay.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { Placement } from '@floating-ui/react';
+import { ColorValue } from '../../dictionary/color';
+import { ElevationValue } from '../../dictionary/elevation';
+import { RadiusValue } from '../../dictionary/radius';
+import { SpacingValue } from '../../dictionary/spacing';
+import { ZIndexValue } from '../../dictionary/z-index';
+export interface BaseOverlayDefinition {
+    placement?: Placement;
+    offset?: number;
+    portal?: boolean;
+    dismissOnClickOutside?: boolean;
+    dismissOnEscape?: boolean;
+    role?: 'dialog' | 'listbox' | 'menu' | 'tooltip';
+    bg?: ColorValue | string;
+    shadow?: ElevationValue | string;
+    radius?: RadiusValue | string;
+    padding?: SpacingValue | string;
+    zIndex?: ZIndexValue | string;
+}
+interface BaseOverlayProps {
+    definition?: BaseOverlayDefinition;
+    open: boolean;
+    onDismiss?: () => void;
+    anchorRef?: React.RefObject<HTMLElement | null>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Floating content positioning engine with Floating UI + Framer Motion animations.
+ * Renders via portal by default. Dismisses on click-outside and Escape key.
+ */
+export declare function BaseOverlay(props: BaseOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseOverlay {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseOverlay/useOverlayDismiss.d.ts

@@ -0,0 +1,15 @@
+import { FloatingContext } from '@floating-ui/react';
+export interface UseOverlayDismissOptions {
+    context: FloatingContext;
+    outsidePress?: boolean;
+    escapeKey?: boolean;
+    role?: 'dialog' | 'listbox' | 'menu' | 'tooltip';
+}
+/**
+ * @internal
+ * Wraps Floating UI dismiss + role + interactions for overlay dismiss behavior.
+ */
+export declare function useOverlayDismiss(options: UseOverlayDismissOptions): {
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+};

package/lib/base/BaseOverlay/useOverlayPositioning.d.ts

@@ -0,0 +1,13 @@
+import { Placement, UseFloatingReturn } from '@floating-ui/react';
+export interface UseOverlayPositioningOptions {
+    open: boolean;
+    placement?: Placement;
+    offsetValue?: number;
+    onOpenChange?: (open: boolean) => void;
+    anchorEl?: HTMLElement | null;
+}
+/**
+ * @internal
+ * Wraps Floating UI's useFloating with sensible defaults for overlay positioning.
+ */
+export declare function useOverlayPositioning(options: UseOverlayPositioningOptions): UseFloatingReturn;

package/lib/base/BasePopover/BasePopover.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { Placement } from '@floating-ui/react';
+import { ColorValue } from '../../dictionary/color';
+import { ElevationValue } from '../../dictionary/elevation';
+import { RadiusValue } from '../../dictionary/radius';
+import { SpacingValue } from '../../dictionary/spacing';
+import { ZIndexValue } from '../../dictionary/z-index';
+export interface BasePopoverDefinition {
+    placement?: Placement;
+    offset?: number;
+    portal?: boolean;
+    dismissOnClickOutside?: boolean;
+    dismissOnEscape?: boolean;
+    bg?: ColorValue | string;
+    shadow?: ElevationValue | string;
+    radius?: RadiusValue | string;
+    padding?: SpacingValue | string;
+    zIndex?: ZIndexValue | string;
+    showArrow?: boolean;
+    arrowSize?: number;
+}
+interface BasePopoverProps {
+    definition?: BasePopoverDefinition;
+    open: boolean;
+    onDismiss?: () => void;
+    anchorRef: React.RefObject<HTMLElement | null>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Anchored floating content panel. Composes BaseOverlay with required anchor positioning.
+ * Supports optional arrow rendering via definition.showArrow.
+ */
+export declare function BasePopover({ definition, open, onDismiss, anchorRef, className, style, children, }: BasePopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BasePopover {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseProgressBar/BaseProgressBar.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseProgressBarDefinition {
+    trackBg?: ColorValue | string;
+    fillBg?: ColorValue | string;
+    height?: string;
+    radius?: RadiusValue | string;
+}
+interface BaseProgressBarProps {
+    definition?: BaseProgressBarDefinition;
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * @internal
+ * Structural progress bar chassis with definition-driven CSS custom properties.
+ * Supports determinate (value/max) and indeterminate modes.
+ */
+export declare function BaseProgressBar(props: BaseProgressBarProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseProgressBarProps | 'role'>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseProgressBar {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseRadio/BaseRadio.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+export interface BaseRadioDefinition {
+    trackBg?: ColorValue | string;
+    trackBorder?: ColorValue | string;
+    dotColor?: ColorValue | string;
+    trackSize?: string;
+}
+export interface BaseRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'style'> {
+    definition?: BaseRadioDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural radio chassis with hidden input + circular visual track.
+ * No colors, no animations -- those belong in the Preset layer.
+ */
+export declare const BaseRadio: React.ForwardRefExoticComponent<BaseRadioProps & React.RefAttributes<HTMLInputElement>>;

package/lib/base/BaseRangeSlider/BaseRangeSlider.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+export interface BaseRangeSliderDefinition {
+    trackBg?: ColorValue | string;
+    trackActiveBg?: ColorValue | string;
+    thumbBg?: ColorValue | string;
+    thumbBorder?: string;
+    thumbSize?: string;
+    trackHeight?: string;
+    thumbShadow?: string;
+}
+interface BaseRangeSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseRangeSliderDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    collision?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural range slider chassis with dual thumbs.
+ * Extends the BaseSlider visual pattern for two-thumb range selection.
+ * No range logic -- Preset layer handles thumb positioning and constraints.
+ */
+export declare function BaseRangeSlider({ definition, className, style, orientation, disabled, collision, children, ...rest }: BaseRangeSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseRangeSlider {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseRating/BaseRating.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseRatingDefinition {
+    activeColor?: ColorValue | string;
+    inactiveColor?: ColorValue | string;
+    hoverColor?: ColorValue | string;
+    starSize?: string;
+    gap?: SpacingValue | string;
+}
+interface BaseRatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseRatingDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    readOnly?: boolean;
+    disabled?: boolean;
+}
+/**
+ * @internal
+ * Structural rating container with star layout.
+ * Owns inline-flex layout and sizing. Interaction logic lives in the Preset.
+ */
+export declare const BaseRating: React.ForwardRefExoticComponent<BaseRatingProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/base/BaseSegmentedControl/BaseSegmentedControl.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseSegmentedControlDefinition {
+    bg?: ColorValue | string;
+    activeBg?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    padding?: SpacingValue | string;
+    fontSize?: string;
+}
+interface BaseSegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseSegmentedControlDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+/**
+ * @internal
+ * Structural segmented control container.
+ * Owns flex layout and segment structure. Selection state lives in Preset.
+ */
+export declare const BaseSegmentedControl: React.ForwardRefExoticComponent<BaseSegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/base/BaseSelect/BaseSelect.d.ts

@@ -0,0 +1,83 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+import { ElevationValue } from '../../dictionary/elevation';
+export interface BaseSelectDefinition {
+    bg?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    fontSize?: string;
+    minHeight?: string;
+    padding?: SpacingValue | string;
+}
+interface BaseSelectProps {
+    definition?: BaseSelectDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural select container chassis. Owns trigger/dropdown layout.
+ * The heavy search/multi/keyboard state lives in the Preset layer.
+ */
+export declare function BaseSelect(props: BaseSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseSelect {
+    var displayName: string;
+}
+interface BaseSelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural trigger button for the select dropdown.
+ */
+export declare const BaseSelectTrigger: React.ForwardRefExoticComponent<BaseSelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface BaseSelectDropdownDefinition {
+    bg?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    elevation?: ElevationValue | string;
+    maxHeight?: string;
+}
+interface BaseSelectDropdownProps {
+    definition?: BaseSelectDropdownDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural dropdown container for options.
+ */
+export declare function BaseSelectDropdown(props: BaseSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseSelectDropdown {
+    var displayName: string;
+}
+interface BaseSelectOptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+}
+/**
+ * @internal
+ * Structural option element in the select dropdown.
+ */
+export declare const BaseSelectOption: React.ForwardRefExoticComponent<BaseSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+interface BaseSelectGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural option group with label.
+ */
+export declare function BaseSelectGroup({ label, className, children, ...rest }: BaseSelectGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseSelectGroup {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseSlider/BaseSlider.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+export interface BaseSliderDefinition {
+    trackBg?: ColorValue | string;
+    trackActiveBg?: ColorValue | string;
+    thumbBg?: ColorValue | string;
+    thumbBorder?: string;
+    thumbSize?: string;
+    trackHeight?: string;
+    thumbShadow?: string;
+}
+interface BaseSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseSliderDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural slider chassis with track/thumb anatomy.
+ * Owns layout only; interaction logic lives in the Preset layer.
+ */
+export declare function BaseSlider({ definition, className, style, orientation, disabled, children, ...rest }: BaseSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseSlider {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseStack/BaseStack.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { PolymorphicProps } from '../types';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseStackDefinition {
+    direction?: 'horizontal' | 'vertical';
+    gap?: SpacingValue | string;
+    align?: 'center' | 'start' | 'end' | 'stretch' | 'baseline';
+    justify?: 'center' | 'start' | 'end' | 'between' | 'around';
+    wrap?: boolean;
+    padding?: SpacingValue | string;
+}
+interface BaseStackProps {
+    definition?: BaseStackDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Directional layout primitive with Dictionary-driven gap and alignment.
+ */
+export declare function BaseStack<C extends React.ElementType = 'div'>(props: PolymorphicProps<C, BaseStackProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseStack {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseTable/BaseTable.d.ts

@@ -0,0 +1,97 @@
+import { default as React } from 'react';
+import { PolymorphicProps } from '../types';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { TypographyValue } from '../../dictionary/typography';
+export interface BaseTableDefinition {
+    borderCollapse?: 'collapse' | 'separate';
+    layout?: 'auto' | 'fixed';
+    width?: string;
+}
+interface BaseTableProps {
+    definition?: BaseTableDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural table primitive with Dictionary-driven styling.
+ */
+export declare function BaseTable<C extends React.ElementType = 'table'>(props: PolymorphicProps<C, BaseTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseTable {
+    var displayName: string;
+}
+export interface BaseTableHeadDefinition {
+    bg?: ColorValue | string;
+    borderBottom?: string;
+}
+interface BaseTableHeadProps {
+    definition?: BaseTableHeadDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Table head structural primitive.
+ */
+export declare function BaseTableHead<C extends React.ElementType = 'thead'>(props: PolymorphicProps<C, BaseTableHeadProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseTableHead {
+    var displayName: string;
+}
+interface BaseTableBodyProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Table body structural primitive.
+ */
+export declare function BaseTableBody<C extends React.ElementType = 'tbody'>(props: PolymorphicProps<C, BaseTableBodyProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseTableBody {
+    var displayName: string;
+}
+export interface BaseTableRowDefinition {
+    hoverBg?: ColorValue | string;
+    borderBottom?: string;
+}
+interface BaseTableRowProps {
+    definition?: BaseTableRowDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Table row structural primitive.
+ */
+export declare function BaseTableRow<C extends React.ElementType = 'tr'>(props: PolymorphicProps<C, BaseTableRowProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseTableRow {
+    var displayName: string;
+}
+export interface BaseTableCellDefinition {
+    padding?: SpacingValue | string;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    fontSize?: TypographyValue | string;
+    fontWeight?: TypographyValue | string;
+    color?: ColorValue | string;
+    truncate?: boolean;
+}
+interface BaseTableCellProps {
+    definition?: BaseTableCellDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Table cell structural primitive. Default td; use as="th" for header cells.
+ */
+export declare function BaseTableCell<C extends React.ElementType = 'td'>(props: PolymorphicProps<C, BaseTableCellProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseTableCell {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseText/BaseText.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { BaseTypographyDefinition } from '../BaseTypography/BaseTypography';
+import { PolymorphicProps } from '../types';
+export type BaseTextDefinition = BaseTypographyDefinition;
+interface BaseTextProps {
+    definition?: BaseTextDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Semantic text wrapper around BaseTypography. Defaults to <span>.
+ */
+export declare const BaseText: {
+    <C extends React.ElementType = "span">(props: PolymorphicProps<C, BaseTextProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/lib/base/BaseTextarea/BaseTextarea.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseTextareaDefinition {
+    bg?: ColorValue | string;
+    color?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    padding?: SpacingValue | string;
+    paddingX?: SpacingValue | string;
+    radius?: RadiusValue | string;
+    fontSize?: string;
+    minHeight?: string;
+    placeholderColor?: ColorValue | string;
+    minRows?: string;
+    maxRows?: string;
+    resize?: 'none' | 'vertical' | 'both';
+}
+export interface BaseTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'> {
+    definition?: BaseTextareaDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Structural label slot */
+    label?: React.ReactNode;
+    /** Structural helper text slot */
+    helperText?: React.ReactNode;
+    /** Required indicator in label */
+    required?: boolean;
+    /** Status data attribute for styling hooks */
+    status?: 'default' | 'error' | 'success';
+}
+/**
+ * @internal
+ * Structural textarea chassis with label/helper anatomy.
+ * No colors, no focus rings -- those belong in the Preset layer.
+ */
+export declare const BaseTextarea: React.ForwardRefExoticComponent<BaseTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;