@nanahoshi/mona-ui 0.1.1 → 0.2.0

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

@@ -13,7 +13,6 @@ 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 { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 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.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

@@ -5,7 +5,6 @@ import { TemplateRef } from '@angular/core';
 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 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;
 

package/types/nanahoshi-mona-ui-popup-menu.d.ts

@@ -6,7 +6,6 @@ import { PreventableEvent } from '@nanahoshi/mona-ui/common';
 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 * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
 
@@ -54,27 +53,27 @@ interface PopupMenuNavigationEvent {
     level: number;
 }
 
-declare const popupMenuBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popupMenuBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popupMenuContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popupMenuContainerThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popupMenuGroupHeaderThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popupMenuGroupHeaderThemeVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popupMenuIconContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const popupMenuItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const popupMenuIconContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const popupMenuItemThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "none" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const popupMenuLinkThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type PopupMenuBaseVariantProps = VariantProps<ReturnType<typeof popupMenuBaseThemeVariants>>;
-type PopupMenuContainerVariantProps = VariantProps<ReturnType<typeof popupMenuContainerThemeVariants>>;
-type PopupMenuGroupHeaderVariantProps = VariantProps<ReturnType<typeof popupMenuGroupHeaderThemeVariants>>;
-type PopupMenuIconContainerVariantProps = VariantProps<ReturnType<typeof popupMenuIconContainerThemeVariants>>;
-type PopupMenuItemVariantProps = VariantProps<ReturnType<typeof popupMenuItemThemeVariants>>;
-type PopupMenuLinkVariantProps = VariantProps<ReturnType<typeof popupMenuLinkThemeVariants>>;
+declare const popupMenuLinkThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type PopupMenuBaseVariantProps = VariantProps<typeof popupMenuBaseThemeVariants>;
+type PopupMenuContainerVariantProps = VariantProps<typeof popupMenuContainerThemeVariants>;
+type PopupMenuGroupHeaderVariantProps = VariantProps<typeof popupMenuGroupHeaderThemeVariants>;
+type PopupMenuIconContainerVariantProps = VariantProps<typeof popupMenuIconContainerThemeVariants>;
+type PopupMenuItemVariantProps = VariantProps<typeof popupMenuItemThemeVariants>;
+type PopupMenuLinkVariantProps = VariantProps<typeof popupMenuLinkThemeVariants>;
 type PopupMenuVariantProps = PopupMenuBaseVariantProps & PopupMenuContainerVariantProps & PopupMenuGroupHeaderVariantProps & PopupMenuIconContainerVariantProps & PopupMenuItemVariantProps & PopupMenuLinkVariantProps;
 type PopupMenuVariantInput = VariantInputs<PopupMenuVariantProps>;
 

package/types/nanahoshi-mona-ui-progress-bar.d.ts

@@ -3,7 +3,6 @@ import { TemplateRef } from '@angular/core';
 import { VariantInputs, Action } 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';
 
 interface LabelTemplateContext {
     $implicit: number;
@@ -20,21 +19,21 @@ declare class ProgressBarLabelTemplateDirective {
 
 type LabelPosition = "start" | "center" | "end";
 
-declare const progressBarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const progressBarBaseThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const progressBarIndeterminateThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const progressBarLabelThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const progressBarTrackThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const progressBarIndeterminateThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const progressBarLabelThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const progressBarTrackThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ProgressBarBaseVariantProps = VariantProps<ReturnType<typeof progressBarBaseThemeVariants>>;
+type ProgressBarBaseVariantProps = VariantProps<typeof progressBarBaseThemeVariants>;
 type ProgressBarBaseVariantInput = VariantInputs<ProgressBarBaseVariantProps>;
-type ProgressBarIndeterminateVariantProps = VariantProps<ReturnType<typeof progressBarIndeterminateThemeVariants>>;
+type ProgressBarIndeterminateVariantProps = VariantProps<typeof progressBarIndeterminateThemeVariants>;
 type ProgressBarIndeterminateVariantInput = VariantInputs<ProgressBarIndeterminateVariantProps>;
-type ProgressBarLabelVariantProps = VariantProps<ReturnType<typeof progressBarLabelThemeVariants>>;
+type ProgressBarLabelVariantProps = VariantProps<typeof progressBarLabelThemeVariants>;
 type ProgressBarLabelVariantInput = VariantInputs<ProgressBarLabelVariantProps>;
-type ProgressBarTrackVariantProps = VariantProps<ReturnType<typeof progressBarTrackThemeVariants>>;
+type ProgressBarTrackVariantProps = VariantProps<typeof progressBarTrackThemeVariants>;
 type ProgressBarTrackVariantInput = VariantInputs<ProgressBarTrackVariantProps>;
 type ProgressBarVariantInput = ProgressBarBaseVariantInput & ProgressBarIndeterminateVariantInput & ProgressBarTrackVariantInput & ProgressBarLabelVariantInput;
 

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

@@ -2,34 +2,32 @@ 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 radioButtonCircleClasses: _angular_core.Signal<string>;
     protected readonly radioButtonClasses: _angular_core.Signal<string>;
@@ -113,7 +111,6 @@ declare class RadioButtonComponent implements RadioButtonVariantInput, FormValue
 }
 
 declare class RadioButtonDirective implements RadioButtonDirectiveInput {
-    #private;
     protected readonly classes: _angular_core.Signal<string>;
     /**
      * @description Sets the border radius of the radio button.

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>;