@nanahoshi/mona-ui 0.1.0 → 0.2.0

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

@@ -8,7 +8,6 @@ import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { Subject } from 'rxjs';
 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';
 
 type DropdownFieldSelectorType<TData> = string | Selector<TData, string> | null | undefined;
@@ -165,11 +164,11 @@ declare class DropdownListService {
     static ɵprov: i0.ɵɵInjectableDeclaration<DropdownListService>;
 }
 
-declare const dropdownPopupThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const dropdownPopupThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type DropdownPopupVariantProps = VariantProps<ReturnType<typeof dropdownPopupThemeVariants>>;
+type DropdownPopupVariantProps = VariantProps<typeof dropdownPopupThemeVariants>;
 type DropdownPopupVariantInput = VariantInputs<DropdownPopupVariantProps>;
 
 export { DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPopupInputToken, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { JSONContent, Editor } from '@tiptap/core';
 import { ImmutableSet } from '@mirei/ts-collections';
 import { EditorState } from '@tiptap/pm/state';
@@ -56,43 +56,43 @@ declare class EditorService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<EditorService>;
 }
 
-declare class EditorComponent implements OnDestroy, OnInit {
+declare class EditorComponent {
+    #private;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly containerClass: _angular_core.Signal<string>;
     protected readonly editorContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     protected readonly editorService: EditorService;
+    protected readonly toolbarClass: _angular_core.Signal<string>;
     /**
-     * Emits when the editor loses focus.
+     * @description Emits when the editor loses focus.
      */
     readonly blur: _angular_core.OutputEmitterRef<void>;
     /**
-     * Emits when the editor is created for the first time and is ready to be used.
+     * @description Emits when the editor is created for the first time and is ready to be used.
      */
     readonly create: _angular_core.OutputEmitterRef<void>;
     /**
-     * Emits when the editor gains focus.
+     * @description Emits when the editor gains focus.
      */
     readonly focus: _angular_core.OutputEmitterRef<void>;
     /**
-     * Emits when the selection of the editor changes.
+     * @description Emits when the selection of the editor changes.
      */
     readonly selectionUpdate: _angular_core.OutputEmitterRef<void>;
     /**
-     * Emits when the content of the editor changes.
+     * @description Emits when the content of the editor changes.
      */
     readonly update: _angular_core.OutputEmitterRef<ContentChangeEvent>;
     /**
-     * The initial content of the editor.
-     * Accepted values are:
-     * - A string representing the HTML content.
-     * - A {@link JSONContent} representing the content.
+     * @description The initial content of the editor.
      */
-    content: _angular_core.InputSignal<string | JSONContent | undefined>;
+    readonly content: _angular_core.InputSignal<string | JSONContent | undefined>;
     /**
-     * The settings of the editor.
+     * @description The settings of the editor.
      */
-    settings: _angular_core.InputSignal<Partial<EditorSettings>>;
+    readonly settings: _angular_core.InputSignal<Partial<EditorSettings>>;
+    readonly userClass: _angular_core.InputSignal<string>;
     constructor();
-    ngOnDestroy(): void;
-    ngOnInit(): void;
     private loadEditorContent;
     private setSubscriptions;
     /**
@@ -106,7 +106,7 @@ declare class EditorComponent implements OnDestroy, OnInit {
      */
     get json(): JSONContent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "mona-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "create": "create"; "focus": "focus"; "selectionUpdate": "selectionUpdate"; "update": "update"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "mona-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "create": "create"; "focus": "focus"; "selectionUpdate": "selectionUpdate"; "update": "update"; }, never, never, true, never>;
 }
 
 export { EditorComponent };

package/types/nanahoshi-mona-ui-expansion-panel.d.ts

@@ -1,35 +1,33 @@
 import * as _angular_core from '@angular/core';
 import { 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 expansionPanelBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const expansionPanelBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const expansionPanelHeaderThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const expansionPanelHeaderThemeVariants: (props?: ({
     collapsed?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const expansionPanelIconContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const expansionPanelIconContainerThemeVariants: (props?: ({
     hasTemplate?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const expansionPanelContentThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const expansionPanelContentThemeVariants: (props?: ({
     expanded?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ExpansionPanelBaseVariantProps = VariantProps<ReturnType<typeof expansionPanelBaseThemeVariants>>;
+type ExpansionPanelBaseVariantProps = VariantProps<typeof expansionPanelBaseThemeVariants>;
 type ExpansionPanelBaseVariantInput = VariantInputs<ExpansionPanelBaseVariantProps>;
-type ExpansionPanelHeaderVariantProps = VariantProps<ReturnType<typeof expansionPanelHeaderThemeVariants>>;
+type ExpansionPanelHeaderVariantProps = VariantProps<typeof expansionPanelHeaderThemeVariants>;
 type ExpansionPanelHeaderVariantInput = VariantInputs<ExpansionPanelHeaderVariantProps>;
-type ExpansionPanelContentVariantProps = VariantProps<ReturnType<typeof expansionPanelContentThemeVariants>>;
+type ExpansionPanelContentVariantProps = VariantProps<typeof expansionPanelContentThemeVariants>;
 type ExpansionPanelContentVariantInput = VariantInputs<ExpansionPanelContentVariantProps>;
-type ExpansionPanelIconContainerVariantProps = VariantProps<ReturnType<typeof expansionPanelIconContainerThemeVariants>>;
+type ExpansionPanelIconContainerVariantProps = VariantProps<typeof expansionPanelIconContainerThemeVariants>;
 type ExpansionPanelIconContainerVariantInput = VariantInputs<ExpansionPanelIconContainerVariantProps>;
 type ExpansionPanelVariantInput = ExpansionPanelBaseVariantInput & Omit<ExpansionPanelHeaderVariantInput, "collapsed"> & ExpansionPanelContentVariantInput & Omit<ExpansionPanelIconContainerVariantInput, "hasTemplate">;
 
 declare class ExpansionPanelComponent implements ExpansionPanelVariantInput {
-    #private;
     protected readonly actionsTemplateList: _angular_core.Signal<readonly TemplateRef<any>[]>;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly contentClass: _angular_core.Signal<string>;

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

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { 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';
 
@@ -10,25 +9,24 @@ declare class FieldsetLegendTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FieldsetLegendTemplateDirective, "ng-template[monaFieldsetLegendTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-declare const fieldsetBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const fieldsetThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const fieldsetBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const fieldsetThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const fieldsetLegendThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const fieldsetLegendThemeVariants: (props?: ({
     hasTemplate?: boolean | null | undefined;
     rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type FieldsetBaseVariantProps = VariantProps<ReturnType<typeof fieldsetBaseThemeVariants>>;
+type FieldsetBaseVariantProps = VariantProps<typeof fieldsetBaseThemeVariants>;
 type FieldsetBaseVariantInput = VariantInputs<FieldsetBaseVariantProps>;
-type FieldsetFieldsetVariantProps = VariantProps<ReturnType<typeof fieldsetThemeVariants>>;
+type FieldsetFieldsetVariantProps = VariantProps<typeof fieldsetThemeVariants>;
 type FieldsetFieldsetVariantInput = VariantInputs<FieldsetFieldsetVariantProps>;
-type FieldsetLegendVariantProps = VariantProps<ReturnType<typeof fieldsetLegendThemeVariants>>;
+type FieldsetLegendVariantProps = VariantProps<typeof fieldsetLegendThemeVariants>;
 type FieldsetLegendVariantInput = VariantInputs<FieldsetLegendVariantProps>;
 type FieldsetVariantInput = FieldsetBaseVariantInput & FieldsetFieldsetVariantInput & Omit<FieldsetLegendVariantInput, "hasTemplate">;
 
 declare class FieldsetComponent implements FieldsetVariantInput {
-    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly fieldsetClass: _angular_core.Signal<string>;
     protected readonly legendClass: _angular_core.Signal<string>;

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

@@ -2,9 +2,8 @@ import { FilterOperators, FilterLogic, CompositeFilterDescriptor, BooleanFilterO
 import * as _angular_core from '@angular/core';
 import { DataType } from '@nanahoshi/mona-ui/common';
 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';
+import { VariantProps } from 'class-variance-authority';
 
 interface FilterMenuDataItem {
     text: string;
@@ -30,11 +29,11 @@ interface FilterMenuConnectorItem {
     value: FilterLogic;
 }
 
-declare const filterMenuBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const filterMenuBaseThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type FilterMenuBaseVariantProps = VariantProps<ReturnType<typeof filterMenuBaseThemeVariants>>;
+type FilterMenuBaseVariantProps = VariantProps<typeof filterMenuBaseThemeVariants>;
 type FilterMenuBaseVariantInput = VariantInputs<FilterMenuBaseVariantProps>;
 type FilterMenuVariantInput = FilterMenuBaseVariantInput;
 

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

@@ -1,7 +1,7 @@
 import { DataType, PreventableEvent, VirtualScrollOptions } from '@nanahoshi/mona-ui/common';
-import { FieldTree, SchemaOrSchemaFn, ValidationError } from '@angular/forms/signals';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, WritableSignal, OnInit, ElementRef } from '@angular/core';
+import { FieldTree, SchemaOrSchemaFn, ValidationError } from '@angular/forms/signals';
 import { SortDirection, CompositeFilterDescriptor, SortDescriptor, FilterLogic, FilterOperators } from '@nanahoshi/mona-ui/query';
 import { Selector, ImmutableDictionary, ImmutableList, ImmutableSet } from '@mirei/ts-collections';
 import * as _nanahoshi_mona_ui_grid from '@nanahoshi/mona-ui/grid';
@@ -12,9 +12,8 @@ import * as rxjs from 'rxjs';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { PopupMenuItem } from '@nanahoshi/mona-ui/popup-menu';
 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';
+import { VariantProps } from 'class-variance-authority';
 
 type AggregateFunction = "sum" | "avg" | "count" | "min" | "max" | "custom";
 
@@ -955,28 +954,28 @@ declare class GridService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<GridService>;
 }
 
-declare const gridBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const gridBaseThemeVariants: (props?: ({
     rounded?: "small" | "none" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const gridHeaderTableCellThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const gridHeaderTableColumnTitleThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const gridHeaderTableColumnWrapThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const gridHeaderTableRowThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const gridHeaderTableThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const gridHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type GridBaseVariantProps = VariantProps<ReturnType<typeof gridBaseThemeVariants>>;
+declare const gridHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const gridHeaderTableThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const gridHeaderTableRowThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const gridHeaderTableCellThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const gridHeaderTableColumnWrapThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const gridHeaderTableColumnTitleThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type GridBaseVariantProps = VariantProps<typeof gridBaseThemeVariants>;
 type GridBaseVariantInput = VariantInputs<GridBaseVariantProps>;
-type GridHeaderTableCellVariantProps = VariantProps<ReturnType<typeof gridHeaderTableCellThemeVariants>>;
+type GridHeaderTableCellVariantProps = VariantProps<typeof gridHeaderTableCellThemeVariants>;
 type GridHeaderTableCellVariantInput = VariantInputs<GridHeaderTableCellVariantProps>;
-type GridHeaderTableColumnTitleVariantProps = VariantProps<ReturnType<typeof gridHeaderTableColumnTitleThemeVariants>>;
+type GridHeaderTableColumnTitleVariantProps = VariantProps<typeof gridHeaderTableColumnTitleThemeVariants>;
 type GridHeaderTableColumnTitleVariantInput = VariantInputs<GridHeaderTableColumnTitleVariantProps>;
-type GridHeaderTableColumnWrapVariantProps = VariantProps<ReturnType<typeof gridHeaderTableColumnWrapThemeVariants>>;
+type GridHeaderTableColumnWrapVariantProps = VariantProps<typeof gridHeaderTableColumnWrapThemeVariants>;
 type GridHeaderTableColumnWrapVariantInput = VariantInputs<GridHeaderTableColumnWrapVariantProps>;
-type GridHeaderTableRowVariantProps = VariantProps<ReturnType<typeof gridHeaderTableRowThemeVariants>>;
+type GridHeaderTableRowVariantProps = VariantProps<typeof gridHeaderTableRowThemeVariants>;
 type GridHeaderTableRowVariantInput = VariantInputs<GridHeaderTableRowVariantProps>;
-type GridHeaderTableVariantProps = VariantProps<ReturnType<typeof gridHeaderTableThemeVariants>>;
+type GridHeaderTableVariantProps = VariantProps<typeof gridHeaderTableThemeVariants>;
 type GridHeaderTableVariantInput = VariantInputs<GridHeaderTableVariantProps>;
-type GridHeaderVariantProps = VariantProps<ReturnType<typeof gridHeaderThemeVariants>>;
+type GridHeaderVariantProps = VariantProps<typeof gridHeaderThemeVariants>;
 type GridHeaderVariantInput = VariantInputs<GridHeaderVariantProps>;
 type GridVariantInput = GridBaseVariantInput & GridHeaderTableCellVariantInput & GridHeaderTableColumnTitleVariantInput & GridHeaderTableColumnWrapVariantInput & Omit<GridHeaderTableRowVariantInput, "isFilterRow"> & GridHeaderTableVariantInput & GridHeaderVariantInput;
 

package/types/nanahoshi-mona-ui-internal-indicator-icon.d.ts

@@ -4,7 +4,6 @@ import { LucideIconInput } from '@lucide/angular';
 
 type IndicatorIconPreset = "clear" | "dropdown" | "loading";
 declare class IndicatorIconComponent {
-    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly hasProjectedContent: _angular_core.WritableSignal<boolean>;
     protected readonly iconClass: _angular_core.Signal<string>;

package/types/nanahoshi-mona-ui-internal-tree.d.ts

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { ImmutableSet, Selector, List, Predicate } from '@mirei/ts-collections';
-import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
 import { PreventableEvent, FilterableOptions, FilterChangeEvent } from '@nanahoshi/mona-ui/common';
+import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
 
 interface CheckableOptions {
     /**
@@ -170,21 +170,6 @@ declare class NodeSelectEvent<T> extends PreventableEvent {
     get nodeItem(): NodeItem<T>;
 }
 
-interface TreeNodeCheckEvent<T> {
-    checked: boolean;
-    node: TreeNode<T>;
-}
-
-interface TreeNodeExpandEvent<T> {
-    expanded: boolean;
-    node: TreeNode<T>;
-}
-
-interface TreeNodeSelectEvent<T> {
-    node: TreeNode<T>;
-    selected: boolean;
-}
-
 type SelectableOptions = {
     /**
      * @description Determines if the selection functionality is active.
@@ -212,6 +197,21 @@ interface MultipleSelectionConfig {
     mode: "multiple";
 }
 
+interface TreeNodeCheckEvent<T> {
+    checked: boolean;
+    node: TreeNode<T>;
+}
+
+interface TreeNodeExpandEvent<T> {
+    expanded: boolean;
+    node: TreeNode<T>;
+}
+
+interface TreeNodeSelectEvent<T> {
+    node: TreeNode<T>;
+    selected: boolean;
+}
+
 type ChildrenSelector<T> = string | Selector<T, Iterable<T> | Observable<Iterable<T>>>;
 type NodeKeySelector<T, K = any> = string | Selector<T, K> | null;
 

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

@@ -89,6 +89,13 @@ type VariantInputs<T> = {
     [K in keyof T]-?: Signal<T[K]>;
 };
 
+declare const themeControlBackdropClasses = "\n    [background-image:var(--mona-effect-control-background-image,none)]\n    [backdrop-filter:var(--mona-effect-control-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-control-backdrop-filter,none)]\n";
+declare const themeControlSurfaceClasses = "\n    [background-color:var(--mona-effect-control-background-color,var(--color-input-background))]\n    \n    [background-image:var(--mona-effect-control-background-image,none)]\n    [backdrop-filter:var(--mona-effect-control-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-control-backdrop-filter,none)]\n\n";
+declare const themeRaisedBackdropClasses = "\n    [background-image:var(--mona-effect-raised-background-image,none)]\n    [backdrop-filter:var(--mona-effect-raised-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-raised-backdrop-filter,none)]\n";
+declare const themeRaisedSurfaceClasses = "\n    [background-color:var(--mona-effect-raised-background-color,var(--color-surface-raised))]\n    \n    [background-image:var(--mona-effect-raised-background-image,none)]\n    [backdrop-filter:var(--mona-effect-raised-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-raised-backdrop-filter,none)]\n\n";
+declare const themeOverlayBackdropClasses = "\n    [background-image:var(--mona-effect-overlay-background-image,none)]\n    [backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n";
+declare const themeOverlaySurfaceClasses = "\n    [background-color:var(--mona-effect-overlay-background-color,var(--color-surface-overlay))]\n    \n    [background-image:var(--mona-effect-overlay-background-image,none)]\n    [backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n\n";
+
 declare const restoreOverlayScroll: (overlayRef: OverlayRef, element: HTMLElement) => void;
 
 interface WindowStyleSettings {
@@ -132,5 +139,5 @@ declare const isNavigationKey: (key: string) => boolean;
 declare const isTypeaheadKey: (key: string) => boolean;
 declare const setupTypeahead: (typeaheadKey$: Observable<string>) => Observable<string>;
 
-export { AttributeBinderDirective, NavigationKeys, NavigationKeysList, createElementControlId, focusElement, hex2rgba, hsla2hsva, hsva2rgba, isNavigationKey, isTypeaheadKey, isValidHex, isValidHsla, isValidRgb, restoreOverlayScroll, rgba2hex, rgba2hsla, rgba2hsva, rxFromResize, rxTimeout, setWindowStyles, setupTypeahead, string2Hsla, string2rgba, toCssValue };
+export { AttributeBinderDirective, NavigationKeys, NavigationKeysList, createElementControlId, focusElement, hex2rgba, hsla2hsva, hsva2rgba, isNavigationKey, isTypeaheadKey, isValidHex, isValidHsla, isValidRgb, restoreOverlayScroll, rgba2hex, rgba2hsla, rgba2hsva, rxFromResize, rxTimeout, setWindowStyles, setupTypeahead, string2Hsla, string2rgba, themeControlBackdropClasses, themeControlSurfaceClasses, themeOverlayBackdropClasses, themeOverlaySurfaceClasses, themeRaisedBackdropClasses, themeRaisedSurfaceClasses, toCssValue };
 export type { Action, AttributeConfig, Channel, ColorScheme, HSL, HSLA, HSV, HSVA, HSVChannel, RGB, RGBA, RGBAChannel, RGBChannel, VariantInputs, WindowStyleSettings };

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

@@ -6,7 +6,6 @@ import { ImmutableList, ImmutableSet } from '@mirei/ts-collections';
 import { Observable } from 'rxjs';
 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 ToolbarOptions {
@@ -54,18 +53,18 @@ interface ListBoxSelectionEvent<T = any> {
     selectedItems: T[];
 }
 
-declare const listBoxBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const listBoxBaseThemeVariants: (props?: ({
     direction?: "horizontal" | "vertical" | null | undefined;
     reversed?: boolean | null | undefined;
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const listBoxToolbarThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const listBoxToolbarThemeVariants: (props?: ({
     direction?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ListBoxBaseVariantProps = VariantProps<ReturnType<typeof listBoxBaseThemeVariants>>;
+type ListBoxBaseVariantProps = VariantProps<typeof listBoxBaseThemeVariants>;
 type ListBoxBaseVariantInputs = Omit<VariantInputs<ListBoxBaseVariantProps>, "direction" | "reversed">;
-type ListBoxToolbarVariantProps = VariantProps<ReturnType<typeof listBoxToolbarThemeVariants>>;
+type ListBoxToolbarVariantProps = VariantProps<typeof listBoxToolbarThemeVariants>;
 type ListBoxToolbarVariantInputs = Omit<VariantInputs<ListBoxToolbarVariantProps>, "direction">;
 type ListBoxVariantInputs = ListBoxBaseVariantInputs & ListBoxToolbarVariantInputs;
 

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

@@ -6,15 +6,14 @@ import { PageChangeEvent, PageSizeChangeEvent } from '@nanahoshi/mona-ui/pager';
 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';
 import { VirtualScrollOptions } from '@nanahoshi/mona-ui/common';
 
-declare const listViewBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const listViewBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ListViewBaseVariantProps = VariantProps<ReturnType<typeof listViewBaseThemeVariants>>;
+type ListViewBaseVariantProps = VariantProps<typeof listViewBaseThemeVariants>;
 type ListViewBaseVariantInputs = VariantInputs<ListViewBaseVariantProps>;
 type ListViewVariantInputs = ListViewBaseVariantInputs;
 

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

@@ -4,9 +4,8 @@ import * as i0 from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 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';
+import { VariantProps } from 'class-variance-authority';
 
 type MenuItemClickEvent = PopupMenuItemClickEvent;
 
@@ -75,17 +74,17 @@ declare class MenuSeparatorComponent extends PopupMenuSeparatorComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparatorComponent, "mona-menu-separator", never, {}, {}, never, never, true, never>;
 }
 
-declare const menubarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const menubarBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const menubarListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const menubarListItemThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const menubarListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type MenubarBaseVariantProps = VariantProps<ReturnType<typeof menubarBaseThemeVariants>>;
-type MenubarListItemVariants = VariantProps<ReturnType<typeof menubarListItemThemeVariants>>;
-type MenubarListVariants = VariantProps<ReturnType<typeof menubarListThemeVariants>>;
+declare const menubarListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type MenubarBaseVariantProps = VariantProps<typeof menubarBaseThemeVariants>;
+type MenubarListItemVariants = VariantProps<typeof menubarListItemThemeVariants>;
+type MenubarListVariants = VariantProps<typeof menubarListThemeVariants>;
 type MenubarVariantProps = MenubarBaseVariantProps & MenubarListItemVariants & MenubarListVariants;
 type MenubarVariantInput = VariantInputs<MenubarVariantProps>;
 

package/types/nanahoshi-mona-ui-multi-select.d.ts

@@ -9,30 +9,29 @@ import { ListItem, ListSizeInputType } from '@nanahoshi/mona-ui/internal/list';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
 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 multiSelectBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const multiSelectBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     focused?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const multiSelectItemContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const multiSelectItemContainerThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const multiSelectAffixContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const multiSelectIndicatorContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const multiSelectAffixContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const multiSelectIndicatorContainerThemeVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type MultiSelectBaseVariantProps = VariantProps<ReturnType<typeof multiSelectBaseThemeVariants>>;
+type MultiSelectBaseVariantProps = VariantProps<typeof multiSelectBaseThemeVariants>;
 type MultiSelectBaseVariantInput = VariantInputs<MultiSelectBaseVariantProps>;
-type MultiSelectItemContainerVariantProps = VariantProps<ReturnType<typeof multiSelectItemContainerThemeVariants>>;
+type MultiSelectItemContainerVariantProps = VariantProps<typeof multiSelectItemContainerThemeVariants>;
 type MultiSelectItemContainerVariantInput = VariantInputs<MultiSelectItemContainerVariantProps>;
-type MultiSelectAffixContainerVariantProps = VariantProps<ReturnType<typeof multiSelectAffixContainerThemeVariants>>;
+type MultiSelectAffixContainerVariantProps = VariantProps<typeof multiSelectAffixContainerThemeVariants>;
 type MultiSelectAffixContainerVariantInput = VariantInputs<MultiSelectAffixContainerVariantProps>;
-type MultiSelectIndicatorContainerVariantProps = VariantProps<ReturnType<typeof multiSelectIndicatorContainerThemeVariants>>;
+type MultiSelectIndicatorContainerVariantProps = VariantProps<typeof multiSelectIndicatorContainerThemeVariants>;
 type MultiSelectIndicatorContainerVariantInput = VariantInputs<MultiSelectIndicatorContainerVariantProps>;
 type MultiSelectVariantProps = MultiSelectBaseVariantProps & MultiSelectItemContainerVariantProps & MultiSelectAffixContainerVariantProps & MultiSelectIndicatorContainerVariantProps;
 type MultiSelectVariantInput = Omit<MultiSelectBaseVariantInput, "focused" | "invalid"> & MultiSelectItemContainerVariantInput & MultiSelectAffixContainerVariantInput & MultiSelectIndicatorContainerVariantInput;

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

@@ -4,14 +4,13 @@ import { FormValueControl } from '@angular/forms/signals';
 import { VariantInputs, Action } from '@nanahoshi/mona-ui/internal';
 import { Subject } from 'rxjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
-declare const numericTextboxThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const numericTextboxThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type NumericTextboxVariantProps = VariantProps<ReturnType<typeof numericTextboxThemeVariants>>;
+type NumericTextboxVariantProps = VariantProps<typeof numericTextboxThemeVariants>;
 type NumericTextboxVariantInputs = VariantInputs<NumericTextboxVariantProps>;
 
 type Sign = "-" | "+";

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

@@ -4,7 +4,6 @@ import { DropdownListComponent } from '@nanahoshi/mona-ui/dropdown-list';
 import { PreventableEvent } 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';
 
 interface InfoTemplateContext {
@@ -68,17 +67,17 @@ declare class PageSizeChangeEvent extends PreventableEvent {
     constructor(newPageSize: number, oldPageSize: number);
 }
 
-declare const pagerBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const pagerBaseThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const pagerInputThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const pagerListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type PagerBaseVariantProps = VariantProps<ReturnType<typeof pagerBaseThemeVariants>>;
+declare const pagerInputThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const pagerListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type PagerBaseVariantProps = VariantProps<typeof pagerBaseThemeVariants>;
 type PagerBaseVariantInputs = VariantInputs<PagerBaseVariantProps>;
-type PagerInputVariantProps = VariantProps<ReturnType<typeof pagerInputThemeVariants>>;
+type PagerInputVariantProps = VariantProps<typeof pagerInputThemeVariants>;
 type PagerInputVariantInputs = VariantInputs<PagerInputVariantProps>;
-type PagerListVariantProps = VariantProps<ReturnType<typeof pagerListThemeVariants>>;
+type PagerListVariantProps = VariantProps<typeof pagerListThemeVariants>;
 type PagerListVariantInputs = VariantInputs<PagerListVariantProps>;
 type PagerVariantInputs = PagerBaseVariantInputs & PagerInputVariantInputs & PagerListVariantInputs;
 

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

@@ -1,19 +1,17 @@
 import * as _angular_core 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 placeholderBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const placeholderTextThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type PlaceholderBaseVariantProps = VariantProps<ReturnType<typeof placeholderBaseThemeVariants>>;
+declare const placeholderBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const placeholderTextThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type PlaceholderBaseVariantProps = VariantProps<typeof placeholderBaseThemeVariants>;
 type PlaceholderBaseVariantInput = VariantInputs<PlaceholderBaseVariantProps>;
-type PlaceholderTextVariantProps = VariantProps<ReturnType<typeof placeholderTextThemeVariants>>;
+type PlaceholderTextVariantProps = VariantProps<typeof placeholderTextThemeVariants>;
 type PlaceholderTextVariantInput = VariantInputs<PlaceholderTextVariantProps>;
 type PlaceholderVariantInput = PlaceholderBaseVariantInput & PlaceholderTextVariantInput;
 
 declare class PlaceholderComponent implements PlaceholderVariantInput {
-    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly textClass: _angular_core.Signal<string>;
     /**

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

@@ -4,7 +4,6 @@ import { PreventableEvent, Position } from '@nanahoshi/mona-ui/common';
 import { PopupRef } from '@nanahoshi/mona-ui/popup';
 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 PopoverHideEvent extends PreventableEvent {
@@ -33,21 +32,21 @@ declare class PopoverShownEvent {
  */
 type PopoverTrigger = "click" | "hover" | "none" | (string & {});
 
-declare const popoverBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popoverBaseThemeVariants: (props?: ({
     rounded?: "none" | "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popoverHeaderThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popoverHeaderThemeVariants: (props?: ({
     rounded?: "none" | "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popoverContentThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const popoverArrowThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type PopoverBaseVariantProps = VariantProps<ReturnType<typeof popoverBaseThemeVariants>>;
+declare const popoverContentThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const popoverArrowThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type PopoverBaseVariantProps = VariantProps<typeof popoverBaseThemeVariants>;
 type PopoverBaseVariantInputs = VariantInputs<PopoverBaseVariantProps>;
-type PopoverHeaderVariantProps = VariantProps<ReturnType<typeof popoverHeaderThemeVariants>>;
+type PopoverHeaderVariantProps = VariantProps<typeof popoverHeaderThemeVariants>;
 type PopoverHeaderVariantInputs = VariantInputs<PopoverHeaderVariantProps>;
-type PopoverContentVariantProps = VariantProps<ReturnType<typeof popoverContentThemeVariants>>;
+type PopoverContentVariantProps = VariantProps<typeof popoverContentThemeVariants>;
 type PopoverContentVariantInputs = VariantInputs<PopoverContentVariantProps>;
-type PopoverArrowVariantProps = VariantProps<ReturnType<typeof popoverArrowThemeVariants>>;
+type PopoverArrowVariantProps = VariantProps<typeof popoverArrowThemeVariants>;
 type PopoverArrowVariantInputs = VariantInputs<PopoverArrowVariantProps>;
 type PopoverVariantInputs = PopoverBaseVariantInputs & PopoverHeaderVariantInputs & PopoverContentVariantInputs & PopoverArrowVariantInputs;