@nanahoshi/mona-ui 0.1.0

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

@@ -0,0 +1,305 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, DestroyRef, NgZone, TemplateRef, Signal } from '@angular/core';
+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 {
+    readonly host: ElementRef<HTMLSpanElement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderTickDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderTickDirective, "span[monaSliderTick]", never, {}, {}, never, never, true, never>;
+}
+
+interface LabelStyleArgs {
+    labelPosition: "before" | "after";
+    max: number;
+    min: number;
+    orientation: Orientation;
+    tickCount: number;
+}
+
+type SliderLabelPosition = "before" | "after";
+
+interface SliderTick {
+    index: number;
+    value: number;
+    width?: number;
+}
+
+interface TickStyleArgs {
+    largeTickStep: number | null;
+    max: number;
+    min: number;
+    orientation: Orientation;
+    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?: ({
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SliderBaseVariantProps = VariantProps<ReturnType<typeof sliderBaseThemeVariants>>;
+type SliderBaseVariantInputs = VariantInputs<SliderBaseVariantProps>;
+type SliderTrackVariantProps = VariantProps<ReturnType<typeof sliderTrackThemeVariants>>;
+type SliderTrackVariantInputs = VariantInputs<SliderTrackVariantProps>;
+type SliderSelectionVariantProps = VariantProps<ReturnType<typeof sliderSelectionThemeVariants>>;
+type SliderSelectionVariantInputs = VariantInputs<SliderSelectionVariantProps>;
+type SliderTickListVariantProps = VariantProps<ReturnType<typeof sliderTickListThemeVariants>>;
+type SliderTickListVariantInputs = VariantInputs<SliderTickListVariantProps>;
+type SliderTickVariantProps = VariantProps<ReturnType<typeof sliderTickThemeVariants>>;
+type SliderTickVariantInputs = VariantInputs<SliderTickVariantProps>;
+type SliderTickLabelListVariantProps = VariantProps<ReturnType<typeof sliderTickLabelListThemeVariants>>;
+type SliderTickLabelListVariantInputs = VariantInputs<SliderTickLabelListVariantProps>;
+type SliderTickLabelVariantProps = VariantProps<ReturnType<typeof sliderTickLabelThemeVariants>>;
+type SliderTickLabelVariantInputs = VariantInputs<SliderTickLabelVariantProps>;
+type SliderHandleVariantProps = VariantProps<ReturnType<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>;
+    protected readonly tickElements: _angular_core.Signal<readonly SliderTickDirective[]>;
+    protected readonly zone: NgZone;
+    protected readonly baseClasses: _angular_core.Signal<string>;
+    protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    protected readonly handleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly handleTemplateStyles: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly labelStyleArgs: _angular_core.Signal<LabelStyleArgs>;
+    protected readonly labelTicks: _angular_core.Signal<SliderTick[]>;
+    protected readonly renderTicks: _angular_core.Signal<SliderTick[]>;
+    protected readonly selectionBackgroundStyle: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly selectionClasses: _angular_core.Signal<string>;
+    protected readonly sliderHandleClasses: _angular_core.Signal<string>;
+    protected readonly sliderTrackSize: _angular_core.Signal<string | null>;
+    protected readonly tickClasses: _angular_core.Signal<string>;
+    protected readonly tickLabelClasses: _angular_core.Signal<string>;
+    protected readonly tickLabelListClasses: _angular_core.Signal<string>;
+    protected readonly tickListClasses: _angular_core.Signal<string>;
+    protected readonly tickStyleArgs: _angular_core.Signal<TickStyleArgs>;
+    protected readonly tickValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly ticks: _angular_core.Signal<SliderTick[]>;
+    protected readonly trackBackgroundStyle: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    /**
+     * @description Human-readable override for the `aria-valuenow` announcement. Pass a function that receives the current value and returns the string to announce.
+     * @default null
+     */
+    readonly ariaValueText: _angular_core.InputSignal<((value: number) => string) | null>;
+    /**
+     * @description Renders the component with reduced visual emphasis and removes pointer interaction.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes to apply to the slider handle.
+     * @default []
+     */
+    readonly handleClasses: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @description Additional inline styles to apply to the slider handle.
+     * @default {}
+     */
+    readonly handleStyles: _angular_core.InputSignal<Partial<CSSStyleDeclaration>>;
+    /**
+     * @description Marks the control as invalid for form validation purposes, reflecting `aria-invalid` on the handle element.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Position of the label relative to the component.
+     * @default "after"
+     */
+    readonly labelPosition: _angular_core.InputSignal<SliderLabelPosition>;
+    /**
+     * @description Controls which tick labels are shown — only every n<sup>th</sup> label is rendered.
+     * @default 1
+     */
+    readonly labelStep: _angular_core.InputSignal<number>;
+    /**
+     * @description Controls which ticks render at large size — only every n<sup>th</sup> tick is enlarged. Pass `null` to disable large ticks.
+     * @default null
+     */
+    readonly largeTickStep: _angular_core.InputSignal<number | null>;
+    /**
+     * @description Upper bound of the value range. Must be greater than `minValue`.
+     * @default 10
+     */
+    readonly maxValue: _angular_core.InputSignal<number>;
+    /**
+     * @description Lower bound of the value range.
+     * @default 0
+     */
+    readonly minValue: _angular_core.InputSignal<number>;
+    /**
+     * @description Layout orientation of the component.
+     * @default "horizontal"
+     */
+    readonly orientation: _angular_core.InputSignal<Orientation>;
+    /**
+     * @description Border-radius preset applied to the slider handle.
+     * @default "full"
+     */
+    readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Background color of the filled selection area between the minimum and the current value. Accepts a CSS color string or a `CSSStyleDeclaration` partial.
+     * @default null
+     */
+    readonly selectionBackground: _angular_core.InputSignal<string | Partial<CSSStyleDeclaration> | null>;
+    /**
+     * @description Multiplier applied to the step when the user holds Shift while pressing an arrow key.
+     * @default 10
+     */
+    readonly shiftMultiplier: _angular_core.InputSignal<number>;
+    /**
+     * @description Displays value labels alongside tick marks. Only takes effect when `showTicks` is `true`.
+     * @default false
+     */
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Displays tick marks at each step position along the track.
+     * @default false
+     */
+    readonly showTicks: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Controls how many ticks are visible — only every n<sup>th</sup> tick is rendered.
+     * @default 1
+     */
+    readonly smallTickStep: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * @description Increment applied when the value changes via keyboard navigation.
+     * @default 1
+     */
+    readonly step: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * @description Emitted when the slider loses focus or its value changes via keyboard navigation.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Background color of the unfilled track portion. Accepts a CSS color string or a `CSSStyleDeclaration` partial.
+     * @default null
+     */
+    readonly trackBackground: _angular_core.InputSignal<string | Partial<CSSStyleDeclaration> | null>;
+    /**
+     * @description Width (vertical orientation) or height (horizontal orientation) of the track. Accepts a pixel number or any CSS length string.
+     * @default undefined
+     */
+    readonly trackSize: _angular_core.InputSignal<string | number | undefined>;
+    constructor();
+    protected calculateNewValue(currentValue: number, event: KeyboardEvent): number;
+    protected clampValue(value: number): number;
+    protected findClosestTickElement(event: PointerEvent): HTMLSpanElement;
+    protected getValueFromPointerEvent(event: PointerEvent): number;
+    protected getValueFromPosition(position: number): number;
+    protected isNavigationKey(event: KeyboardEvent): boolean;
+    protected positionFromValue(value: number): number;
+    protected snapValue(value: number): number;
+    protected abstract setSubscriptions(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderBaseComponent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderBaseComponent, never, never, { "ariaValueText": { "alias": "ariaValueText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "handleClasses": { "alias": "handleClasses"; "required": false; "isSignal": true; }; "handleStyles": { "alias": "handleStyles"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelStep": { "alias": "labelStep"; "required": false; "isSignal": true; }; "largeTickStep": { "alias": "largeTickStep"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selectionBackground": { "alias": "selectionBackground"; "required": false; "isSignal": true; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "smallTickStep": { "alias": "smallTickStep"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "trackBackground": { "alias": "trackBackground"; "required": false; "isSignal": true; }; "trackSize": { "alias": "trackSize"; "required": false; "isSignal": true; }; }, { "touch": "touch"; }, ["handleTemplate", "tickValueTemplate"], never, true, never>;
+}
+
+declare class SliderComponent extends SliderBaseComponent implements FormValueControl<number> {
+    protected readonly handleFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly handlePosition: Signal<number>;
+    protected readonly handleStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly normalizedValue: Signal<number>;
+    protected readonly selectionLeft: Signal<number>;
+    protected readonly selectionRight: Signal<number>;
+    protected readonly sliderHandle: Signal<ElementRef<HTMLDivElement>>;
+    /**
+     * @description Accessible name for the host element. Describe what the component represents.
+     * When empty, assistive technology announces the role without a label.
+     * @default "Slider value"
+     */
+    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 Current value. Values outside `[minValue, maxValue]` are clamped before rendering.
+     * @default 0
+     */
+    readonly value: _angular_core.ModelSignal<number>;
+    focus(options?: FocusOptions): void;
+    protected handleHandleMove(event: PointerEvent): void;
+    protected setSubscriptions(): void;
+    private setClickSubscription;
+    private setFocusSubscription;
+    private setKeydownSubscription;
+    private setPointerMoveSubscription;
+    private updateValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "mona-slider", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class RangeSliderComponent extends SliderBaseComponent implements FormValueControl<[number, number]> {
+    protected readonly handlePositions: Signal<[number, number]>;
+    protected readonly handlesOverlap: Signal<boolean>;
+    protected readonly normalizedValue: Signal<[number, number]>;
+    protected readonly primaryHandleFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly primaryHandlePosition: Signal<number>;
+    protected readonly primaryHandleStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly secondaryHandleFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly secondaryHandleOnTop: _angular_core.WritableSignal<boolean>;
+    protected readonly secondaryHandlePosition: Signal<number>;
+    protected readonly secondaryHandleStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly secondarySliderHandle: Signal<ElementRef<HTMLDivElement>>;
+    protected readonly selectionLeft: Signal<number>;
+    protected readonly selectionRight: Signal<number>;
+    protected readonly sliderHandle: Signal<ElementRef<HTMLDivElement>>;
+    /**
+     * @description Accessible name for the upper-value (secondary) handle.
+     * @default "Maximum value"
+     */
+    readonly ariaLabelEnd: _angular_core.InputSignal<string | null>;
+    /**
+     * @description Accessible name for the lower-value (primary) handle.
+     * @default "Minimum value"
+     */
+    readonly ariaLabelStart: _angular_core.InputSignal<string | null>;
+    /**
+     * @description Selected range as `[minimum, maximum]`.
+     * Values outside `[minValue, maxValue]` are clamped; the tuple is always sorted, so index 0 ≤ index 1.
+     * @default [0, 10]
+     */
+    readonly value: _angular_core.ModelSignal<[number, number]>;
+    focus(options?: FocusOptions): void;
+    protected handleHandleMove(event: PointerEvent, isSecondary?: boolean): void;
+    protected setSubscriptions(): void;
+    private getClosestHandle;
+    private setClickSubscription;
+    private setFocusSubscription;
+    private setKeydownSubscription;
+    private setPointerMoveSubscription;
+    private updateRangedValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSliderComponent, "mona-range-slider", never, { "ariaLabelEnd": { "alias": "aria-label-end"; "required": false; "isSignal": true; }; "ariaLabelStart": { "alias": "aria-label-start"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class SliderHandleTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderHandleTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderHandleTemplateDirective, "ng-template[monaSliderHandleTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SliderTickValueTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderTickValueTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderTickValueTemplateDirective, "ng-template[monaSliderTickValueTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { RangeSliderComponent, SliderComponent, SliderHandleTemplateDirective, SliderTickValueTemplateDirective };
+export type { SliderVariantProps };

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

@@ -0,0 +1,182 @@
+import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
+import { PopupMenuComponent, PopupMenuItemClickEvent, PopupMenuCheckboxItemComponent, PopupMenuOrigin, PopupMenuGroupComponent, PopupMenuItemComponent, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuSeparatorComponent, PopupMenuGroupTemplateDirective, PopupMenuTemplateOrigin, PopupMenuIconTemplateDirective, PopupMenuShortcutTemplateDirective, PopupMenuTextTemplateDirective } from '@nanahoshi/mona-ui/popup-menu';
+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?: ({
+    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 SplitButtonVariantInputs = VariantInputs<SplitButtonVariantProps>;
+
+declare class SplitButtonComponent implements SplitButtonVariantInputs {
+    #private;
+    private readonly menuItemComponents;
+    protected readonly menuButtonRef: i0.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    protected readonly popupMenuRef: i0.Signal<PopupMenuComponent | undefined>;
+    protected readonly classes: i0.Signal<string>;
+    protected readonly groupTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly mainButtonTextTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuButtonTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuId: string;
+    protected readonly menuItems: i0.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
+    protected readonly menuOpen: i0.WritableSignal<boolean>;
+    protected readonly popupMenuRounded: i0.Signal<"large" | "medium" | "none" | "small" | null | undefined>;
+    protected readonly shortcutTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly splitButtonAriaLabel: i0.Signal<string>;
+    protected readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Accessible name for the main action button.
+     * Falls back to `"{text} splitbutton"` when empty.
+     * @default ""
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    /**
+     * @description ID of an external element that provides the accessible name for the main action button.
+     * Takes precedence over `ariaLabel` when both are set.
+     * @default ""
+     */
+    readonly ariaLabelledby: i0.InputSignal<string>;
+    /**
+     * @description Emitted when the main action button is clicked.
+     */
+    readonly buttonClick: i0.OutputEmitterRef<MouseEvent>;
+    /**
+     * @description Renders the component with reduced visual emphasis
+     * and removes pointer interaction from both the main button and the menu toggle button.
+     * @default false
+     */
+    readonly disabled: i0.InputSignal<boolean>;
+    /**
+     * @description Visual style preset applied to the button.
+     * @default "default"
+     */
+    readonly look: i0.InputSignal<"default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined>;
+    /**
+     * @description Accessible name for the menu toggle button.
+     * Override to provide a localized label for non-English applications.
+     * @default "Show menu options"
+     */
+    readonly menuButtonAriaLabel: i0.InputSignal<string>;
+    /**
+     * @description Emitted when a menu item in the popup is clicked.
+     */
+    readonly menuItemClick: i0.OutputEmitterRef<PopupMenuItemClickEvent>;
+    /**
+     * @description Minimum width of the popup menu in pixels.
+     * A value of `0` means no minimum width is applied.
+     * @default 0
+     */
+    readonly popupWidth: i0.InputSignal<number>;
+    /**
+     * @description Border-radius preset applied to the button.
+     * @default "medium"
+     */
+    readonly rounded: i0.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Size preset controlling the button's dimensions.
+     * @default "medium"
+     */
+    readonly size: i0.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    /**
+     * @description Primary text content displayed in the main action button.
+     * Ignored when a `monaSplitButtonTextTemplate` is provided.
+     * @default ""
+     */
+    readonly text: i0.InputSignal<string>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: i0.InputSignal<string>;
+    constructor();
+    protected onMenuClose(): void;
+    protected onMenuItemClick(event: PopupMenuItemClickEvent): void;
+    protected onMenuOpen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "mona-split-button", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "menuButtonAriaLabel": { "alias": "menuButtonAriaLabel"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "menuItemClick": "menuItemClick"; }, ["menuItemComponents", "groupTemplate", "iconTemplate", "mainButtonTextTemplate", "menuButtonTemplate", "shortcutTemplate", "textTemplate"], never, true, never>;
+}
+
+declare class SplitButtonCheckboxItemComponent extends PopupMenuCheckboxItemComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonCheckboxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonCheckboxItemComponent, "mona-split-button-checkbox-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonGroupComponent extends PopupMenuGroupComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonGroupComponent, "mona-split-button-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonItemComponent extends PopupMenuItemComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonItemComponent, "mona-split-button-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonRadioGroupComponent extends PopupMenuRadioGroupComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonRadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonRadioGroupComponent, "mona-split-button-radio-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonRadioItemComponent extends PopupMenuRadioItemComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonRadioItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonRadioItemComponent, "mona-split-button-radio-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonSeparatorComponent extends PopupMenuSeparatorComponent {
+    readonly origin = PopupMenuOrigin.SplitButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonSeparatorComponent, "mona-split-button-separator", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonMenuButtonTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuButtonTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuButtonTemplateDirective, "ng-template[monaSplitButtonMenuButtonTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonMenuGroupTemplateDirective extends PopupMenuGroupTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.SplitButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuGroupTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuGroupTemplateDirective, "ng-template[monaSplitButtonMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonMenuItemIconTemplateDirective extends PopupMenuIconTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.SplitButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemIconTemplateDirective, "ng-template[monaSplitButtonMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonMenuItemShortcutTemplateDirective extends PopupMenuShortcutTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.SplitButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemShortcutTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemShortcutTemplateDirective, "ng-template[monaSplitButtonMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonMenuItemTextTemplateDirective extends PopupMenuTextTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.SplitButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemTextTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemTextTemplateDirective, "ng-template[monaSplitButtonMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonTextTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonTextTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonTextTemplateDirective, "ng-template[monaSplitButtonTextTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { SplitButtonCheckboxItemComponent, SplitButtonComponent, SplitButtonGroupComponent, SplitButtonItemComponent, SplitButtonMenuButtonTemplateDirective, SplitButtonMenuGroupTemplateDirective, SplitButtonMenuItemIconTemplateDirective, SplitButtonMenuItemShortcutTemplateDirective, SplitButtonMenuItemTextTemplateDirective, SplitButtonRadioGroupComponent, SplitButtonRadioItemComponent, SplitButtonSeparatorComponent, SplitButtonTextTemplateDirective };

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

@@ -0,0 +1,70 @@
+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?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const splitterResizerThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    resizing?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const splitterResizerHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SplitterBaseVariantProps = VariantProps<ReturnType<typeof splitterBaseThemeVariants>>;
+type SplitterBaseVariantInput = VariantInputs<SplitterBaseVariantProps>;
+type SplitterResizerVariantProps = VariantProps<ReturnType<typeof splitterResizerThemeVariants>>;
+type SplitterResizerVariantInput = VariantInputs<SplitterResizerVariantProps>;
+type SplitterResizerHandleVariantProps = VariantProps<ReturnType<typeof splitterResizerHandleThemeVariants>>;
+type SplitterResizerHandleVariantInput = VariantInputs<SplitterResizerHandleVariantProps>;
+type SplitterVariantInput = SplitterBaseVariantInput & Omit<SplitterResizerVariantInput, "resizing"> & SplitterResizerHandleVariantInput;
+
+declare class SplitterPaneComponent {
+    /**
+     * @description Whether the pane is collapsible.
+     */
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Whether the pane is collapsed.
+     */
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description The maximum size of the pane.
+     */
+    readonly max: _angular_core.InputSignal<string | number | null>;
+    /**
+     * @description The minimum size of the pane.
+     */
+    readonly min: _angular_core.InputSignal<string | number | null>;
+    /**
+     * @description Whether the pane is resizable.
+     */
+    readonly resizable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description The size of the pane.
+     */
+    readonly size: _angular_core.ModelSignal<string | number>;
+    readonly template: _angular_core.Signal<TemplateRef<any>>;
+    readonly uid: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterPaneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterPaneComponent, "mona-splitter-pane", never, { "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "size": "sizeChange"; }, never, ["*"], true, never>;
+}
+
+declare class SplitterComponent implements SplitterVariantInput {
+    #private;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly paneList: _angular_core.Signal<readonly SplitterPaneComponent[]>;
+    /**
+     * @description The layout direction of the splitter panes.
+     * @default "horizontal"
+     */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "mona-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["paneList"], never, true, never>;
+}
+
+export { SplitterComponent, SplitterPaneComponent };