@nanahoshi/mona-ui 0.1.0

package/types/nanahoshi-mona-ui-stepper.d.ts

@@ -0,0 +1,173 @@
+import * as _angular_core from '@angular/core';
+import { Signal, TemplateRef } from '@angular/core';
+import * as _mirei_ts_collections from '@mirei/ts-collections';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+interface StepOptions<T = unknown> {
+    /** @description Optional arbitrary data attached to this step. */
+    data?: T;
+    /** @description When true, the step cannot be activated by click or keyboard regardless of linear mode. */
+    disabled?: boolean;
+    /** @description Display label shown beneath the step indicator. */
+    label: string;
+}
+interface StepItem<T = unknown> {
+    /** @description Zero-based position of the step in the list. */
+    readonly index: number;
+    /** @description The original options object for this step. */
+    readonly options: StepOptions<T>;
+}
+
+interface StepperTemplateContext<T = unknown> {
+    /** @description The step's options object (also available as the implicit binding). */
+    $implicit: StepOptions<T>;
+    /** @description True when this step's index is less than or equal to the current active step index. */
+    active: boolean;
+    /** @description Zero-based index of the currently active step. */
+    currentIndex: number;
+    /** @description Whether this step is disabled and cannot be activated. */
+    disabled: boolean;
+    /** @description Zero-based index of this step. */
+    index: number;
+}
+
+/**
+ * Marks an ng-template as the custom indicator template for mona-stepper.
+ * The template context provides the step options, index, active state, and current step index.
+ */
+declare class StepperIndicatorTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperIndicatorTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepperIndicatorTemplateDirective, "ng-template[monaStepperIndicatorTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an ng-template as the custom label template for mona-stepper.
+ * The template context provides the step options, index, active state, and current step index.
+ */
+declare class StepperLabelTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperLabelTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepperLabelTemplateDirective, "ng-template[monaStepperLabelTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an ng-template as the custom step template for mona-stepper.
+ * When provided, this template replaces the entire default step indicator and label for each step.
+ * The template context provides the step options, index, active state, and current step index.
+ */
+declare class StepperStepTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperStepTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepperStepTemplateDirective, "ng-template[monaStepperStepTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare const stepperBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperStepListThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperStepListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperStepIndicatorThemeVariants: (theme: ThemeStyle) => (props?: ({
+    active?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperTrackThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const stepperTrackLineThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StepperBaseVariantProps = VariantProps<ReturnType<typeof stepperBaseThemeVariants>>;
+type StepperBaseVariantInput = VariantInputs<StepperBaseVariantProps>;
+type StepperStepListVariantProps = VariantProps<ReturnType<typeof stepperStepListThemeVariants>>;
+type StepperStepListVariantInput = VariantInputs<StepperStepListVariantProps>;
+type StepperStepListItemVariantProps = VariantProps<ReturnType<typeof stepperStepListItemThemeVariants>>;
+type StepperStepListItemVariantInput = VariantInputs<StepperStepListItemVariantProps>;
+type StepperStepIndicatorVariantProps = VariantProps<ReturnType<typeof stepperStepIndicatorThemeVariants>>;
+type StepperStepIndicatorVariantInput = VariantInputs<StepperStepIndicatorVariantProps>;
+type StepperTrackVariantProps = VariantProps<ReturnType<typeof stepperTrackThemeVariants>>;
+type StepperTrackVariantInput = VariantInputs<StepperTrackVariantProps>;
+type StepperTrackLineVariantProps = VariantProps<ReturnType<typeof stepperTrackLineThemeVariants>>;
+type StepperTrackLineVariantInput = VariantInputs<StepperTrackLineVariantProps>;
+type StepperVariantInput = StepperBaseVariantInput & StepperStepListVariantInput & StepperStepListItemVariantInput & Omit<StepperStepIndicatorVariantInput, "active" | "focused"> & StepperTrackVariantInput & StepperTrackLineVariantInput;
+
+declare class StepperComponent implements StepperVariantInput {
+    #private;
+    protected readonly activeStep: Signal<StepItem<unknown> | undefined>;
+    protected readonly baseClass: Signal<string>;
+    protected readonly highlightedStep: _angular_core.WritableSignal<number>;
+    protected readonly hostStyles: Signal<{
+        gridTemplateColumns: string | undefined;
+        gridTemplateRows: string | undefined;
+    }>;
+    protected readonly indicatorTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
+    protected readonly labelTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
+    protected readonly listClass: Signal<string>;
+    protected readonly listItemClass: Signal<string>;
+    protected readonly progressMax: Signal<number>;
+    protected readonly stepTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
+    protected readonly trackClass: Signal<string>;
+    protected readonly trackInnerStyles: Signal<{
+        [x: string]: string;
+    }>;
+    protected readonly trackItemStyles: Signal<{
+        [x: string]: string;
+    }>;
+    protected readonly trackLineClass: Signal<string>;
+    protected readonly trackStyles: Signal<{
+        gridColumn: string | undefined;
+        gridRow: string | undefined;
+    }>;
+    protected readonly viewSteps: Signal<_mirei_ts_collections.ImmutableSet<StepItem<unknown>>>;
+    /**
+     * @description Sets the accessible label for the stepper group.
+     * @default "Progress"
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the flow of the stepper.
+     * If set to true, the user will only be able to navigate to the previous or the next step.
+     * @default true
+     */
+    readonly linear: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Sets the orientation of the stepper.
+     */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
+    /**
+     * @description Sets the accessible label for the progress bar element.
+     * @default "Step progress"
+     */
+    readonly progressAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the roundness of the stepper steps.
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "full" | "none" | null | undefined>;
+    /**
+     * @description Sets the active step of the stepper.
+     */
+    readonly step: _angular_core.ModelSignal<number>;
+    /**
+     * @description Sets the steps of the stepper.
+     */
+    readonly steps: _angular_core.InputSignal<Iterable<StepOptions<unknown>>>;
+    constructor();
+    protected isStepActive(step: StepItem): boolean;
+    protected isStepLocked(step: StepItem): boolean;
+    protected onIndicatorFocus(step: StepItem): void;
+    protected onStepClick(step: StepItem): void;
+    private moveHighlight;
+    private setActiveStep;
+    private setHighlightedStep;
+    private setKeyboardEvents;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperComponent, "mona-stepper", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "progressAriaLabel": { "alias": "progressAriaLabel"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "step": "stepChange"; }, ["indicatorTemplate", "labelTemplate", "stepTemplate"], never, true, never>;
+}
+
+export { StepperComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective };
+export type { StepOptions, StepperTemplateContext };

package/types/nanahoshi-mona-ui-switch.d.ts

@@ -0,0 +1,125 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { FormCheckboxControl } from '@angular/forms/signals';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantProps } from 'class-variance-authority';
+
+declare const switchThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchLabelThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type SwitchBaseVariantProps = VariantProps<ReturnType<typeof switchThemeVariants>>;
+type SwitchBaseVariantInput = VariantInputs<SwitchBaseVariantProps>;
+type SwitchHandleVariantProps = VariantProps<ReturnType<typeof switchHandleThemeVariants>>;
+type SwitchHandleVariantInput = VariantInputs<SwitchHandleVariantProps>;
+type SwitchLabelVariantProps = VariantProps<ReturnType<typeof switchLabelThemeVariants>>;
+type SwitchLabelVariantInput = VariantInputs<SwitchLabelVariantProps>;
+type SwitchVariantProps = SwitchBaseVariantProps & SwitchHandleVariantProps & SwitchLabelVariantProps;
+type SwitchVariantInputs = SwitchBaseVariantInput & SwitchHandleVariantInput & SwitchLabelVariantInput;
+
+declare class SwitchComponent implements SwitchVariantInputs, FormCheckboxControl {
+    #private;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly handleClasses: _angular_core.Signal<string>;
+    protected readonly handleContentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    protected readonly offLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly onLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Accessible name for the host element. Describe what the component represents.
+     * When empty, assistive technology announces the role without a label.
+     * @default null
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /**
+     * @description ID of an external element that provides the accessible name for the host element.
+     * @default null
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | null>;
+    /**
+     * @description Whether the control is checked.
+     * @default false
+     */
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Renders the component with reduced visual emphasis and removes pointer interaction.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Marks the switch as invalid. When bound to a signal form field via `[field]`,
+     * this is written by the signal forms `Field` directive.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Label displayed inside the switch track when it is in the off state.
+     * @default ""
+     */
+    readonly offLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Label displayed inside the switch track when it is in the on state.
+     * @default ""
+     */
+    readonly onLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Marks the switch as required for form validation.
+     * @default false
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Border-radius preset applied to the component.
+     * @default "full"
+     */
+    readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Size preset controlling the component's dimensions.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    /**
+     * @description Emitted when the switch loses focus or its value changes.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Marks the switch as touched. When bound to a signal form field via `[field]`,
+     * this is written by the signal forms `Field` directive.
+     * @default false
+     */
+    readonly touched: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    constructor();
+    protected onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "mona-switch", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, ["handleContentTemplate", "offLabelTemplate", "onLabelTemplate"], never, true, never>;
+}
+
+declare class SwitchHandleContentTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchHandleContentTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwitchHandleContentTemplateDirective, "ng-template[monaSwitchHandleContentTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SwitchOffLabelTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchOffLabelTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwitchOffLabelTemplateDirective, "ng-template[monaSwitchOffLabelTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SwitchOnLabelTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchOnLabelTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwitchOnLabelTemplateDirective, "ng-template[monaSwitchOnLabelTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { SwitchComponent, SwitchHandleContentTemplateDirective, SwitchOffLabelTemplateDirective, SwitchOnLabelTemplateDirective };
+export type { SwitchVariantProps };

package/types/nanahoshi-mona-ui-tabs.d.ts

@@ -0,0 +1,158 @@
+import { PreventableEvent } from '@nanahoshi/mona-ui/common';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ImmutableSet } from '@mirei/ts-collections';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+declare class TabCloseEvent extends PreventableEvent {
+    #private;
+    constructor(index: number, selected: boolean, originalEvent?: Event);
+    get index(): number;
+    get selected(): boolean;
+}
+
+declare class TabSelectEvent extends PreventableEvent {
+    #private;
+    constructor(index: number, originalEvent?: Event);
+    get index(): number;
+}
+
+declare class TabContentTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabContentTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabContentTemplateDirective, "ng-template[monaTabContentTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TabTitleTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabTitleTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabTitleTemplateDirective, "ng-template[monaTabTitleTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+interface TabItem {
+    readonly id: string;
+    readonly selected: boolean;
+    closable: boolean;
+    contentTemplate?: TemplateRef<unknown>;
+    disabled: boolean;
+    index: number;
+    title: string;
+    titleTemplate?: TemplateRef<unknown>;
+}
+
+declare const tabListBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabListListWrapperThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabListScrollButtonThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabContentThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type TabListBaseVariantProps = VariantProps<ReturnType<typeof tabListBaseThemeVariants>>;
+type TabListBaseVariantInput = VariantInputs<TabListBaseVariantProps>;
+type TabListListWrapperVariantProps = VariantProps<ReturnType<typeof tabListListWrapperThemeVariants>>;
+type TabListListWrapperVariantInput = VariantInputs<TabListListWrapperVariantProps>;
+type TabListListVariantProps = VariantProps<ReturnType<typeof tabListListThemeVariants>>;
+type TabListListVariantInput = VariantInputs<TabListListVariantProps>;
+type TabListListItemVariantProps = VariantProps<ReturnType<typeof tabListListItemThemeVariants>>;
+type TabListListItemVariantInput = VariantInputs<TabListListItemVariantProps>;
+type TabListScrollButtonVariantProps = VariantProps<ReturnType<typeof tabListScrollButtonThemeVariants>>;
+type TabListScrollButtonVariantInput = VariantInputs<TabListScrollButtonVariantProps>;
+type TabContentVariantProps = VariantProps<ReturnType<typeof tabContentThemeVariants>>;
+type TabContentVariantInput = VariantInputs<TabContentVariantProps>;
+type TabsBaseVariantProps = VariantProps<ReturnType<typeof tabsBaseThemeVariants>>;
+type TabsBaseVariantInput = VariantInputs<TabsBaseVariantProps>;
+type TabListVariantInput = TabListBaseVariantInput & TabListListWrapperVariantInput & TabListListVariantInput & Omit<TabListListItemVariantInput, "active" | "disabled"> & TabListScrollButtonVariantInput;
+type TabsVariantInput = TabsBaseVariantInput & TabListVariantInput & TabContentVariantInput;
+
+declare class TabsComponent implements TabsVariantInput {
+    #private;
+    private readonly tabListComponent;
+    private readonly tabs;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly contentClass: _angular_core.Signal<string>;
+    protected readonly selectedTabId: _angular_core.WritableSignal<string | null>;
+    protected readonly tabList: _angular_core.Signal<ImmutableSet<TabItem>>;
+    /**
+     * @description Displays a close button on each tab, unless overridden per tab.
+     * @default false
+     */
+    readonly closable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Renders every tab with reduced visual emphasis and removes pointer and keyboard interaction.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Keeps a tab's content in the DOM after it is deselected instead of removing it.
+     * @default true
+     */
+    readonly keepTabContent: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Border-radius preset applied to the tabs and the tab content area.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "full" | "none" | null | undefined>;
+    /**
+     * @description Size preset controlling the tabs' dimensions.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Emitted with a {@link TabCloseEvent} when a tab is closed.
+     */
+    readonly tabClose: _angular_core.OutputEmitterRef<TabCloseEvent>;
+    /**
+     * @description Emitted with a {@link TabSelectEvent} when a tab is selected. This event is preventable.
+     */
+    readonly tabSelect: _angular_core.OutputEmitterRef<TabSelectEvent>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    protected handlePanelKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "mona-tabs", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "keepTabContent": { "alias": "keepTabContent"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "tabClose": "tabClose"; "tabSelect": "tabSelect"; }, ["tabs"], never, true, never>;
+}
+
+declare class TabComponent {
+    #private;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly titleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Displays a close button on this tab. Overrides the parent `mona-tabs` component's `closable` input.
+     * @default false
+     */
+    readonly closable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Renders this tab with reduced visual emphasis and removes pointer and keyboard interaction.
+     * Overrides the parent `mona-tabs` component's `disabled` input.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Whether the tab is selected.
+     * @default false
+     */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Title text displayed on the tab.
+     * @default ""
+     */
+    readonly title: _angular_core.InputSignal<string>;
+    get tabItem(): TabItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "mona-tab", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["contentTemplate", "titleTemplate"], never, true, never>;
+}
+
+export { TabCloseEvent, TabComponent, TabContentTemplateDirective, TabSelectEvent, TabTitleTemplateDirective, TabsComponent };

package/types/nanahoshi-mona-ui-text-area.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textAreaThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "large" | "medium" | "none" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextAreaVariantProps = VariantProps<ReturnType<typeof textAreaThemeVariants>>;
+type TextAreaVariantInput = VariantInputs<TextAreaVariantProps>;
+
+declare class TextAreaDirective implements TextAreaVariantInput {
+    #private;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly inputInvalid: _angular_core.Signal<boolean>;
+    /**
+     * @description Sets the border radius of the textarea.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Marks the textarea as invalid, triggering error border and ring styling.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Marks the textarea as touched. Error styling is only shown when both `invalid` and `touched` are `true`.
+     * @default false
+     */
+    readonly touched: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextAreaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextAreaDirective, "textarea[monaTextArea]", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TextAreaDirective };
+export type { TextAreaVariantProps };