@nanahoshi/mona-ui 0.1.1 → 0.2.1

package/types/nanahoshi-mona-ui-radio-button.d.ts

@@ -2,35 +2,34 @@ import * as _angular_core from '@angular/core';
 import { FormValueControl } 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 radioButtonCircleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const radioButtonCircleThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const radioButtonIndicatorThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const radioButtonIndicatorThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const radioButtonContainerLabelThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const radioButtonContainerLabelThemeVariants: (props?: ({
     labelSize?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const radioButtonDirectiveThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const radioButtonDirectiveThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type RadioButtonContainerLabelVariantProps = VariantProps<ReturnType<typeof radioButtonContainerLabelThemeVariants>>;
+type RadioButtonContainerLabelVariantProps = VariantProps<typeof radioButtonContainerLabelThemeVariants>;
 type RadioButtonContainerLabelVariantInput = VariantInputs<RadioButtonContainerLabelVariantProps>;
-type RadioButtonCircleVariantProps = VariantProps<ReturnType<typeof radioButtonCircleThemeVariants>>;
+type RadioButtonCircleVariantProps = VariantProps<typeof radioButtonCircleThemeVariants>;
 type RadioButtonCircleVariantInput = VariantInputs<RadioButtonCircleVariantProps>;
-type RadioButtonIndicatorVariantProps = VariantProps<ReturnType<typeof radioButtonIndicatorThemeVariants>>;
+type RadioButtonIndicatorVariantProps = VariantProps<typeof radioButtonIndicatorThemeVariants>;
 type RadioButtonIndicatorVariantInput = VariantInputs<RadioButtonIndicatorVariantProps>;
 type RadioButtonVariantProps = RadioButtonContainerLabelVariantProps & RadioButtonCircleVariantProps & RadioButtonIndicatorVariantProps;
 type RadioButtonVariantInput = RadioButtonContainerLabelVariantInput & RadioButtonCircleVariantInput & RadioButtonIndicatorVariantInput;
-type RadioButtonDirectiveProps = VariantProps<ReturnType<typeof radioButtonDirectiveThemeVariants>>;
+type RadioButtonDirectiveProps = VariantProps<typeof radioButtonDirectiveThemeVariants>;
 type RadioButtonDirectiveInput = VariantInputs<RadioButtonDirectiveProps>;
 
 declare class RadioButtonComponent implements RadioButtonVariantInput, FormValueControl<unknown> {
-    #private;
     protected readonly containerLabelClasses: _angular_core.Signal<string>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly radioButtonCircleClasses: _angular_core.Signal<string>;
     protected readonly radioButtonClasses: _angular_core.Signal<string>;
     protected readonly radioButtonIndicatorClasses: _angular_core.Signal<string>;
@@ -94,6 +93,12 @@ declare class RadioButtonComponent implements RadioButtonVariantInput, FormValue
      */
     readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Marks the radio button as touched. Error styling requires both `invalid` and `touched` to be `true`.
+     * 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 label container element via `tailwind-merge`.
      * @default ""
@@ -109,19 +114,29 @@ declare class RadioButtonComponent implements RadioButtonVariantInput, FormValue
     protected onBlur(event: FocusEvent): void;
     protected onSelectionChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "mona-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelSize": { "alias": "labelSize"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "radioValue": { "alias": "radioValue"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "inputBlur": "inputBlur"; "inputClick": "inputClick"; "inputFocus": "inputFocus"; "touch": "touch"; "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "mona-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelSize": { "alias": "labelSize"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "radioValue": { "alias": "radioValue"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "inputBlur": "inputBlur"; "inputClick": "inputClick"; "inputFocus": "inputFocus"; "touch": "touch"; "value": "valueChange"; }, never, ["*"], true, never>;
 }
 
 declare class RadioButtonDirective implements RadioButtonDirectiveInput {
-    #private;
     protected readonly classes: _angular_core.Signal<string>;
+    protected readonly inputInvalid: _angular_core.Signal<boolean>;
+    /**
+     * @description Marks the radio button as invalid, triggering error border and ring styling.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
     /**
      * @description Sets the border radius of the radio button.
      * @default "none"
      */
     readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Marks the radio button as touched. Error styling is only shown when both `invalid` and `touched` are `true`.
+     * @default false
+     */
+    readonly touched: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RadioButtonDirective, "input[type='radio'][monaRadioButton]", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RadioButtonDirective, "input[type='radio'][monaRadioButton]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { RadioButtonComponent, RadioButtonDirective };

package/types/nanahoshi-mona-ui-scroll-view.d.ts

@@ -3,7 +3,6 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, ElementRef } from '@angular/core';
 import { ScrollDirection } from '@nanahoshi/mona-ui/common';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 
@@ -13,43 +12,43 @@ interface ScrollViewListItem {
     data: unknown;
 }
 
-declare const scrollViewBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const scrollViewBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const scrollViewContentThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const scrollViewListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const scrollViewArrowThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const scrollViewContentThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const scrollViewListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const scrollViewArrowThemeVariants: (props?: ({
     hidden?: boolean | null | undefined;
     left?: boolean | null | undefined;
     right?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const scrollViewPagerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const scrollViewPagerThemeVariants: (props?: ({
     pagerOverlay?: "none" | "dark" | "light" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const scrollViewPagerListContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const scrollViewPagerListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const scrollViewPagerListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const scrollViewPagerListContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const scrollViewPagerListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const scrollViewPagerListItemThemeVariants: (props?: ({
     active?: boolean | null | undefined;
     pagerRounded?: "small" | "medium" | "large" | "none" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const scrollViewPagerArrowThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type ScrollViewBaseVariantProps = VariantProps<ReturnType<typeof scrollViewBaseThemeVariants>>;
+declare const scrollViewPagerArrowThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type ScrollViewBaseVariantProps = VariantProps<typeof scrollViewBaseThemeVariants>;
 type ScrollViewBaseVariantInput = VariantInputs<ScrollViewBaseVariantProps>;
-type ScrollViewContentVariantProps = VariantProps<ReturnType<typeof scrollViewContentThemeVariants>>;
+type ScrollViewContentVariantProps = VariantProps<typeof scrollViewContentThemeVariants>;
 type ScrollViewContentVariantInput = VariantInputs<ScrollViewContentVariantProps>;
-type ScrollViewListVariantProps = VariantProps<ReturnType<typeof scrollViewListThemeVariants>>;
+type ScrollViewListVariantProps = VariantProps<typeof scrollViewListThemeVariants>;
 type ScrollViewListVariantInput = VariantInputs<ScrollViewListVariantProps>;
-type ScrollViewPagerVariantProps = VariantProps<ReturnType<typeof scrollViewPagerThemeVariants>>;
+type ScrollViewPagerVariantProps = VariantProps<typeof scrollViewPagerThemeVariants>;
 type ScrollViewPagerVariantInput = VariantInputs<ScrollViewPagerVariantProps>;
-type ScrollViewPagerListContainerVariantProps = VariantProps<ReturnType<typeof scrollViewPagerListContainerThemeVariants>>;
+type ScrollViewPagerListContainerVariantProps = VariantProps<typeof scrollViewPagerListContainerThemeVariants>;
 type ScrollViewPagerListContainerVariantInput = VariantInputs<ScrollViewPagerListContainerVariantProps>;
-type ScrollViewPagerListVariantProps = VariantProps<ReturnType<typeof scrollViewPagerListThemeVariants>>;
+type ScrollViewPagerListVariantProps = VariantProps<typeof scrollViewPagerListThemeVariants>;
 type ScrollViewPagerListVariantInput = VariantInputs<ScrollViewPagerListVariantProps>;
-type ScrollViewPagerListItemVariantProps = VariantProps<ReturnType<typeof scrollViewPagerListItemThemeVariants>>;
+type ScrollViewPagerListItemVariantProps = VariantProps<typeof scrollViewPagerListItemThemeVariants>;
 type ScrollViewPagerListItemVariantInput = VariantInputs<ScrollViewPagerListItemVariantProps>;
-type ScrollViewArrowVariantProps = VariantProps<ReturnType<typeof scrollViewArrowThemeVariants>>;
+type ScrollViewArrowVariantProps = VariantProps<typeof scrollViewArrowThemeVariants>;
 type ScrollViewArrowVariantInput = VariantInputs<ScrollViewArrowVariantProps>;
-type ScrollViewPagerArrowVariantProps = VariantProps<ReturnType<typeof scrollViewPagerArrowThemeVariants>>;
+type ScrollViewPagerArrowVariantProps = VariantProps<typeof scrollViewPagerArrowThemeVariants>;
 type ScrollViewPagerArrowVariantInput = VariantInputs<ScrollViewPagerArrowVariantProps>;
 type ScrollViewVariantInput = ScrollViewBaseVariantInput & ScrollViewContentVariantInput & ScrollViewListVariantInput & Omit<ScrollViewArrowVariantInput, "hidden" | "left" | "right"> & ScrollViewPagerVariantInput & ScrollViewPagerListContainerVariantInput & ScrollViewPagerListVariantInput & Omit<ScrollViewPagerListItemVariantInput, "active"> & ScrollViewPagerArrowVariantInput;
 
@@ -154,7 +153,6 @@ declare class ScrollViewComponent implements ScrollViewVariantInput {
 }
 
 declare class ScrollViewActivePageDirective {
-    #private;
     protected readonly pageItemClass: _angular_core.Signal<string>;
     readonly active: _angular_core.InputSignal<boolean>;
     readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | "full" | null | undefined>;

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

@@ -4,7 +4,6 @@ import { FormValueControl } from '@angular/forms/signals';
 import { Orientation } from '@nanahoshi/mona-ui/common';
 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 class SliderTickDirective {
@@ -37,37 +36,38 @@ interface TickStyleArgs {
     smallTickStep: number;
 }
 
-declare const sliderBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderTrackThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderSelectionThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderTickListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderTickThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderTickLabelListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderTickLabelThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const sliderHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const sliderBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderTrackThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SliderBaseVariantProps = VariantProps<ReturnType<typeof sliderBaseThemeVariants>>;
+declare const sliderSelectionThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderTickListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderTickThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderTickLabelListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderTickLabelThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sliderHandleThemeVariants: (props?: ({
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SliderBaseVariantProps = VariantProps<typeof sliderBaseThemeVariants>;
 type SliderBaseVariantInputs = VariantInputs<SliderBaseVariantProps>;
-type SliderTrackVariantProps = VariantProps<ReturnType<typeof sliderTrackThemeVariants>>;
+type SliderTrackVariantProps = VariantProps<typeof sliderTrackThemeVariants>;
 type SliderTrackVariantInputs = VariantInputs<SliderTrackVariantProps>;
-type SliderSelectionVariantProps = VariantProps<ReturnType<typeof sliderSelectionThemeVariants>>;
+type SliderSelectionVariantProps = VariantProps<typeof sliderSelectionThemeVariants>;
 type SliderSelectionVariantInputs = VariantInputs<SliderSelectionVariantProps>;
-type SliderTickListVariantProps = VariantProps<ReturnType<typeof sliderTickListThemeVariants>>;
+type SliderTickListVariantProps = VariantProps<typeof sliderTickListThemeVariants>;
 type SliderTickListVariantInputs = VariantInputs<SliderTickListVariantProps>;
-type SliderTickVariantProps = VariantProps<ReturnType<typeof sliderTickThemeVariants>>;
+type SliderTickVariantProps = VariantProps<typeof sliderTickThemeVariants>;
 type SliderTickVariantInputs = VariantInputs<SliderTickVariantProps>;
-type SliderTickLabelListVariantProps = VariantProps<ReturnType<typeof sliderTickLabelListThemeVariants>>;
+type SliderTickLabelListVariantProps = VariantProps<typeof sliderTickLabelListThemeVariants>;
 type SliderTickLabelListVariantInputs = VariantInputs<SliderTickLabelListVariantProps>;
-type SliderTickLabelVariantProps = VariantProps<ReturnType<typeof sliderTickLabelThemeVariants>>;
+type SliderTickLabelVariantProps = VariantProps<typeof sliderTickLabelThemeVariants>;
 type SliderTickLabelVariantInputs = VariantInputs<SliderTickLabelVariantProps>;
-type SliderHandleVariantProps = VariantProps<ReturnType<typeof sliderHandleThemeVariants>>;
+type SliderHandleVariantProps = VariantProps<typeof sliderHandleThemeVariants>;
 type SliderHandleVariantInputs = VariantInputs<SliderHandleVariantProps>;
 type SliderVariantProps = SliderBaseVariantProps & SliderTrackVariantProps & SliderSelectionVariantProps & SliderTickListVariantProps & SliderTickVariantProps & SliderTickLabelListVariantProps & SliderTickLabelVariantProps & SliderHandleVariantProps;
 type SliderVariantInputs = SliderBaseVariantInputs & SliderTrackVariantInputs & SliderSelectionVariantInputs & SliderTickListVariantInputs & SliderTickVariantInputs & SliderTickLabelListVariantInputs & SliderTickLabelVariantInputs & SliderHandleVariantInputs;
 
 declare abstract class SliderBaseComponent implements SliderVariantInputs {
-    #private;
     protected readonly destroyRef: DestroyRef;
     protected readonly dragging: _angular_core.WritableSignal<boolean>;
     protected readonly hostElementRef: ElementRef<HTMLDivElement>;

package/types/nanahoshi-mona-ui-split-button.d.ts

@@ -3,16 +3,15 @@ import { PopupMenuComponent, PopupMenuItemClickEvent, PopupMenuCheckboxItemCompo
 import * as i0 from '@angular/core';
 import { ElementRef, TemplateRef } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { VariantProps } from 'class-variance-authority';
 
-declare const splitButtonThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const splitButtonThemeVariants: (props?: ({
     look?: "default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SplitButtonVariantProps = VariantProps<ReturnType<typeof splitButtonThemeVariants>>;
+type SplitButtonVariantProps = VariantProps<typeof splitButtonThemeVariants>;
 type SplitButtonVariantInputs = VariantInputs<SplitButtonVariantProps>;
 
 declare class SplitButtonComponent implements SplitButtonVariantInputs {

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

@@ -2,24 +2,23 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 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 const splitterBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const splitterBaseThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const splitterResizerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const splitterResizerThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
     resizing?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const splitterResizerHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const splitterResizerHandleThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SplitterBaseVariantProps = VariantProps<ReturnType<typeof splitterBaseThemeVariants>>;
+type SplitterBaseVariantProps = VariantProps<typeof splitterBaseThemeVariants>;
 type SplitterBaseVariantInput = VariantInputs<SplitterBaseVariantProps>;
-type SplitterResizerVariantProps = VariantProps<ReturnType<typeof splitterResizerThemeVariants>>;
+type SplitterResizerVariantProps = VariantProps<typeof splitterResizerThemeVariants>;
 type SplitterResizerVariantInput = VariantInputs<SplitterResizerVariantProps>;
-type SplitterResizerHandleVariantProps = VariantProps<ReturnType<typeof splitterResizerHandleThemeVariants>>;
+type SplitterResizerHandleVariantProps = VariantProps<typeof splitterResizerHandleThemeVariants>;
 type SplitterResizerHandleVariantInput = VariantInputs<SplitterResizerHandleVariantProps>;
 type SplitterVariantInput = SplitterBaseVariantInput & Omit<SplitterResizerVariantInput, "resizing"> & SplitterResizerHandleVariantInput;
 
@@ -55,7 +54,6 @@ declare class SplitterPaneComponent {
 }
 
 declare class SplitterComponent implements SplitterVariantInput {
-    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly paneList: _angular_core.Signal<readonly SplitterPaneComponent[]>;
     /**

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

@@ -3,7 +3,6 @@ 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 { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
 interface StepOptions<T = unknown> {
@@ -62,37 +61,37 @@ declare class StepperStepTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepperStepTemplateDirective, "ng-template[monaStepperStepTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-declare const stepperBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const stepperBaseThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const stepperStepListThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const stepperStepListThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const stepperStepListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const stepperStepListItemThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const stepperStepIndicatorThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const stepperStepIndicatorThemeVariants: (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?: ({
+declare const stepperTrackThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const stepperTrackLineThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const stepperTrackLineThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type StepperBaseVariantProps = VariantProps<ReturnType<typeof stepperBaseThemeVariants>>;
+type StepperBaseVariantProps = VariantProps<typeof stepperBaseThemeVariants>;
 type StepperBaseVariantInput = VariantInputs<StepperBaseVariantProps>;
-type StepperStepListVariantProps = VariantProps<ReturnType<typeof stepperStepListThemeVariants>>;
+type StepperStepListVariantProps = VariantProps<typeof stepperStepListThemeVariants>;
 type StepperStepListVariantInput = VariantInputs<StepperStepListVariantProps>;
-type StepperStepListItemVariantProps = VariantProps<ReturnType<typeof stepperStepListItemThemeVariants>>;
+type StepperStepListItemVariantProps = VariantProps<typeof stepperStepListItemThemeVariants>;
 type StepperStepListItemVariantInput = VariantInputs<StepperStepListItemVariantProps>;
-type StepperStepIndicatorVariantProps = VariantProps<ReturnType<typeof stepperStepIndicatorThemeVariants>>;
+type StepperStepIndicatorVariantProps = VariantProps<typeof stepperStepIndicatorThemeVariants>;
 type StepperStepIndicatorVariantInput = VariantInputs<StepperStepIndicatorVariantProps>;
-type StepperTrackVariantProps = VariantProps<ReturnType<typeof stepperTrackThemeVariants>>;
+type StepperTrackVariantProps = VariantProps<typeof stepperTrackThemeVariants>;
 type StepperTrackVariantInput = VariantInputs<StepperTrackVariantProps>;
-type StepperTrackLineVariantProps = VariantProps<ReturnType<typeof stepperTrackLineThemeVariants>>;
+type StepperTrackLineVariantProps = VariantProps<typeof stepperTrackLineThemeVariants>;
 type StepperTrackLineVariantInput = VariantInputs<StepperTrackLineVariantProps>;
 type StepperVariantInput = StepperBaseVariantInput & StepperStepListVariantInput & StepperStepListItemVariantInput & Omit<StepperStepIndicatorVariantInput, "active" | "focused"> & StepperTrackVariantInput & StepperTrackLineVariantInput;
 

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

@@ -3,23 +3,22 @@ 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?: ({
+declare const switchThemeVariants: (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?: ({
+declare const switchHandleThemeVariants: (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>>;
+declare const switchLabelThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type SwitchBaseVariantProps = VariantProps<typeof switchThemeVariants>;
 type SwitchBaseVariantInput = VariantInputs<SwitchBaseVariantProps>;
-type SwitchHandleVariantProps = VariantProps<ReturnType<typeof switchHandleThemeVariants>>;
+type SwitchHandleVariantProps = VariantProps<typeof switchHandleThemeVariants>;
 type SwitchHandleVariantInput = VariantInputs<SwitchHandleVariantProps>;
-type SwitchLabelVariantProps = VariantProps<ReturnType<typeof switchLabelThemeVariants>>;
+type SwitchLabelVariantProps = VariantProps<typeof switchLabelThemeVariants>;
 type SwitchLabelVariantInput = VariantInputs<SwitchLabelVariantProps>;
 type SwitchVariantProps = SwitchBaseVariantProps & SwitchHandleVariantProps & SwitchLabelVariantProps;
 type SwitchVariantInputs = SwitchBaseVariantInput & SwitchHandleVariantInput & SwitchLabelVariantInput;

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

@@ -4,7 +4,6 @@ import { TemplateRef } from '@angular/core';
 import { ImmutableSet } from '@mirei/ts-collections';
 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 class TabCloseEvent extends PreventableEvent {
@@ -41,41 +40,40 @@ interface TabItem {
     titleTemplate?: TemplateRef<unknown>;
 }
 
-declare const tabListBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tabListBaseThemeVariants: (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?: ({
+declare const tabListListWrapperThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListItemThemeVariants: (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?: ({
+declare const tabListScrollButtonThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabContentThemeVariants: (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>>;
+declare const tabsBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type TabListBaseVariantProps = VariantProps<typeof tabListBaseThemeVariants>;
 type TabListBaseVariantInput = VariantInputs<TabListBaseVariantProps>;
-type TabListListWrapperVariantProps = VariantProps<ReturnType<typeof tabListListWrapperThemeVariants>>;
+type TabListListWrapperVariantProps = VariantProps<typeof tabListListWrapperThemeVariants>;
 type TabListListWrapperVariantInput = VariantInputs<TabListListWrapperVariantProps>;
-type TabListListVariantProps = VariantProps<ReturnType<typeof tabListListThemeVariants>>;
+type TabListListVariantProps = VariantProps<typeof tabListListThemeVariants>;
 type TabListListVariantInput = VariantInputs<TabListListVariantProps>;
-type TabListListItemVariantProps = VariantProps<ReturnType<typeof tabListListItemThemeVariants>>;
+type TabListListItemVariantProps = VariantProps<typeof tabListListItemThemeVariants>;
 type TabListListItemVariantInput = VariantInputs<TabListListItemVariantProps>;
-type TabListScrollButtonVariantProps = VariantProps<ReturnType<typeof tabListScrollButtonThemeVariants>>;
+type TabListScrollButtonVariantProps = VariantProps<typeof tabListScrollButtonThemeVariants>;
 type TabListScrollButtonVariantInput = VariantInputs<TabListScrollButtonVariantProps>;
-type TabContentVariantProps = VariantProps<ReturnType<typeof tabContentThemeVariants>>;
+type TabContentVariantProps = VariantProps<typeof tabContentThemeVariants>;
 type TabContentVariantInput = VariantInputs<TabContentVariantProps>;
-type TabsBaseVariantProps = VariantProps<ReturnType<typeof tabsBaseThemeVariants>>;
+type TabsBaseVariantProps = VariantProps<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>;

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

@@ -1,17 +1,15 @@
 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?: ({
+declare const textAreaThemeVariants: (props?: ({
     rounded?: "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TextAreaVariantProps = VariantProps<ReturnType<typeof textAreaThemeVariants>>;
+type TextAreaVariantProps = VariantProps<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>;
     /**

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

@@ -4,21 +4,20 @@ import { FormValueControl } from '@angular/forms/signals';
 import { VariantInputs, AttributeConfig } from '@nanahoshi/mona-ui/internal';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 
 type InputType = "email" | "password" | "text";
 
-declare const textBoxThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const textBoxThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const inputThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const inputThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TextBoxVariantProps = VariantProps<ReturnType<typeof textBoxThemeVariants>>;
+type TextBoxVariantProps = VariantProps<typeof textBoxThemeVariants>;
 type TextBoxVariantInput = VariantInputs<TextBoxVariantProps>;
-type InputVariantProps = VariantProps<ReturnType<typeof inputThemeVariants>>;
+type InputVariantProps = VariantProps<typeof inputThemeVariants>;
 type InputVariantInput = VariantInputs<InputVariantProps>;
 
 declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<string> {
@@ -129,8 +128,13 @@ declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<
 }
 
 declare class TextBoxDirective implements InputVariantInput {
-    #private;
     protected readonly classes: _angular_core.Signal<string>;
+    protected readonly inputInvalid: _angular_core.Signal<boolean>;
+    /**
+     * @description Marks the input as invalid, triggering error border and ring styling.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
     /**
      * @description Border-radius preset applied to the component.
      * @default "medium"
@@ -141,13 +145,18 @@ declare class TextBoxDirective implements InputVariantInput {
      * @default "medium"
      */
     readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    /**
+     * @description Marks the input 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<TextBoxDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextBoxDirective, "input[monaTextBox]", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextBoxDirective, "input[monaTextBox]", never, { "invalid": { "alias": "invalid"; "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; }; }, {}, never, never, true, never>;
 }
 
 declare class TextBoxPrefixTemplateDirective {