@nanahoshi/mona-ui 0.1.1 → 0.2.0

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

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

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

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

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

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

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

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

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

@@ -3,23 +3,22 @@ import { TemplateRef } from '@angular/core';
 import { FormCheckboxControl } from '@angular/forms/signals';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
-declare const switchThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const switchThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const switchHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const switchHandleThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const switchLabelThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type SwitchBaseVariantProps = VariantProps<ReturnType<typeof switchThemeVariants>>;
+declare const switchLabelThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type SwitchBaseVariantProps = VariantProps<typeof switchThemeVariants>;
 type SwitchBaseVariantInput = VariantInputs<SwitchBaseVariantProps>;
-type SwitchHandleVariantProps = VariantProps<ReturnType<typeof switchHandleThemeVariants>>;
+type SwitchHandleVariantProps = VariantProps<typeof switchHandleThemeVariants>;
 type SwitchHandleVariantInput = VariantInputs<SwitchHandleVariantProps>;
-type SwitchLabelVariantProps = VariantProps<ReturnType<typeof switchLabelThemeVariants>>;
+type SwitchLabelVariantProps = VariantProps<typeof switchLabelThemeVariants>;
 type SwitchLabelVariantInput = VariantInputs<SwitchLabelVariantProps>;
 type SwitchVariantProps = SwitchBaseVariantProps & SwitchHandleVariantProps & SwitchLabelVariantProps;
 type SwitchVariantInputs = SwitchBaseVariantInput & SwitchHandleVariantInput & SwitchLabelVariantInput;

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

@@ -4,7 +4,6 @@ import { TemplateRef } from '@angular/core';
 import { ImmutableSet } from '@mirei/ts-collections';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
 declare class TabCloseEvent extends PreventableEvent {
@@ -41,41 +40,40 @@ interface TabItem {
     titleTemplate?: TemplateRef<unknown>;
 }
 
-declare const tabListBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tabListBaseThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const tabListListWrapperThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const tabListListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const tabListListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tabListListWrapperThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabListListItemThemeVariants: (props?: ({
     active?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const tabListScrollButtonThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const tabContentThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tabListScrollButtonThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabContentThemeVariants: (props?: ({
     rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const tabsBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type TabListBaseVariantProps = VariantProps<ReturnType<typeof tabListBaseThemeVariants>>;
+declare const tabsBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type TabListBaseVariantProps = VariantProps<typeof tabListBaseThemeVariants>;
 type TabListBaseVariantInput = VariantInputs<TabListBaseVariantProps>;
-type TabListListWrapperVariantProps = VariantProps<ReturnType<typeof tabListListWrapperThemeVariants>>;
+type TabListListWrapperVariantProps = VariantProps<typeof tabListListWrapperThemeVariants>;
 type TabListListWrapperVariantInput = VariantInputs<TabListListWrapperVariantProps>;
-type TabListListVariantProps = VariantProps<ReturnType<typeof tabListListThemeVariants>>;
+type TabListListVariantProps = VariantProps<typeof tabListListThemeVariants>;
 type TabListListVariantInput = VariantInputs<TabListListVariantProps>;
-type TabListListItemVariantProps = VariantProps<ReturnType<typeof tabListListItemThemeVariants>>;
+type TabListListItemVariantProps = VariantProps<typeof tabListListItemThemeVariants>;
 type TabListListItemVariantInput = VariantInputs<TabListListItemVariantProps>;
-type TabListScrollButtonVariantProps = VariantProps<ReturnType<typeof tabListScrollButtonThemeVariants>>;
+type TabListScrollButtonVariantProps = VariantProps<typeof tabListScrollButtonThemeVariants>;
 type TabListScrollButtonVariantInput = VariantInputs<TabListScrollButtonVariantProps>;
-type TabContentVariantProps = VariantProps<ReturnType<typeof tabContentThemeVariants>>;
+type TabContentVariantProps = VariantProps<typeof tabContentThemeVariants>;
 type TabContentVariantInput = VariantInputs<TabContentVariantProps>;
-type TabsBaseVariantProps = VariantProps<ReturnType<typeof tabsBaseThemeVariants>>;
+type TabsBaseVariantProps = VariantProps<typeof tabsBaseThemeVariants>;
 type TabsBaseVariantInput = VariantInputs<TabsBaseVariantProps>;
 type TabListVariantInput = TabListBaseVariantInput & TabListListWrapperVariantInput & TabListListVariantInput & Omit<TabListListItemVariantInput, "active" | "disabled"> & TabListScrollButtonVariantInput;
 type TabsVariantInput = TabsBaseVariantInput & TabListVariantInput & TabContentVariantInput;
 
 declare class TabsComponent implements TabsVariantInput {
-    #private;
     private readonly tabListComponent;
     private readonly tabs;
     protected readonly baseClass: _angular_core.Signal<string>;

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

@@ -1,17 +1,15 @@
 import * as _angular_core from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
-declare const textAreaThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const textAreaThemeVariants: (props?: ({
     rounded?: "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TextAreaVariantProps = VariantProps<ReturnType<typeof textAreaThemeVariants>>;
+type TextAreaVariantProps = VariantProps<typeof textAreaThemeVariants>;
 type TextAreaVariantInput = VariantInputs<TextAreaVariantProps>;
 
 declare class TextAreaDirective implements TextAreaVariantInput {
-    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly inputInvalid: _angular_core.Signal<boolean>;
     /**

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

@@ -4,21 +4,20 @@ import { FormValueControl } from '@angular/forms/signals';
 import { VariantInputs, AttributeConfig } from '@nanahoshi/mona-ui/internal';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 
 type InputType = "email" | "password" | "text";
 
-declare const textBoxThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const textBoxThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const inputThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const inputThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TextBoxVariantProps = VariantProps<ReturnType<typeof textBoxThemeVariants>>;
+type TextBoxVariantProps = VariantProps<typeof textBoxThemeVariants>;
 type TextBoxVariantInput = VariantInputs<TextBoxVariantProps>;
-type InputVariantProps = VariantProps<ReturnType<typeof inputThemeVariants>>;
+type InputVariantProps = VariantProps<typeof inputThemeVariants>;
 type InputVariantInput = VariantInputs<InputVariantProps>;
 
 declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<string> {
@@ -129,7 +128,6 @@ declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<
 }
 
 declare class TextBoxDirective implements InputVariantInput {
-    #private;
     protected readonly classes: _angular_core.Signal<string>;
     /**
      * @description Border-radius preset applied to the component.

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

@@ -1,23 +1,122 @@
+import * as _nanahoshi_mona_ui_theme from '@nanahoshi/mona-ui/theme';
 import * as _angular_core from '@angular/core';
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
 
-type ThemeStyle = "mona";
+type BuiltInThemeName = "anna" | "luna" | "mona";
+type ThemeName = string;
 type ThemeVariant = "light" | "dark";
-type ThemeId = `${ThemeStyle}-${ThemeVariant}`;
+interface ThemeSelection {
+    readonly name: ThemeName;
+    readonly variant: ThemeVariant;
+}
+
+type ThemeColorVariable = `--color-${string}`;
+type ThemeColors = Readonly<Record<ThemeColorVariable, string>>;
+type ThemeShadowVariable = `--shadow-${string}`;
+type ThemeShadows = Readonly<Record<ThemeShadowVariable, string>>;
+type ThemeVariable = `--${string}`;
+type ThemeVariables = Readonly<Record<ThemeVariable, string>>;
+type ThemeMotionVariable = "--mona-motion-fast" | "--mona-motion-standard";
+type ThemeMotion = Readonly<Record<ThemeMotionVariable, string>>;
+type ThemeEffectLevel = "control" | "overlay" | "raised";
+type ThemeEffectVariable = `--mona-effect-${ThemeEffectLevel}-background-color` | `--mona-effect-${ThemeEffectLevel}-fallback-background-color` | `--mona-effect-${ThemeEffectLevel}-background-image` | `--mona-effect-${ThemeEffectLevel}-backdrop-filter`;
+type ThemeEffects = Readonly<Record<ThemeEffectVariable, string>>;
+type ThemeShapeVariable = "--radius-sm" | "--radius-md" | "--radius-lg";
+type ThemeShape = Readonly<Record<ThemeShapeVariable, string>>;
+type ThemeComponentVariable = "--mona-calendar-background" | "--mona-calendar-shadow" | "--mona-list-background" | "--mona-list-disabled-background" | "--mona-list-group-background" | "--mona-list-group-border-width" | "--mona-list-group-font-weight" | "--mona-menubar-background" | "--mona-menubar-shadow" | "--mona-pager-background" | "--mona-slider-handle-border-color" | "--mona-tab-list-background" | "--mona-tab-content-background";
+type ThemeComponents = Readonly<Record<ThemeComponentVariable, string>>;
+interface ThemeProfile {
+    readonly colors: ThemeColors;
+    readonly components: ThemeComponents;
+    readonly custom?: ThemeVariables;
+    readonly effects: ThemeEffects;
+    readonly motion: ThemeMotion;
+    readonly shape: ThemeShape;
+    readonly shadows: ThemeShadows;
+}
+interface ThemeProfileOverrides {
+    readonly colors?: ThemeColors;
+    readonly components?: Partial<ThemeComponents>;
+    readonly custom?: ThemeVariables;
+    readonly effects?: Partial<ThemeEffects>;
+    readonly motion?: Partial<ThemeMotion>;
+    readonly shape?: Partial<ThemeShape>;
+    readonly shadows?: ThemeShadows;
+}
+type ThemeFamilyVariants = Readonly<{
+    readonly dark: ThemeProfile;
+    readonly light?: ThemeProfile;
+} | {
+    readonly dark?: ThemeProfile;
+    readonly light: ThemeProfile;
+}>;
+interface ThemeFamilyRegistration {
+    readonly name: ThemeName;
+    readonly variants: ThemeFamilyVariants;
+}
+interface ThemeOverrideRegistration {
+    readonly common?: ThemeProfileOverrides;
+    readonly dark?: ThemeProfileOverrides;
+    readonly light?: ThemeProfileOverrides;
+    readonly theme: ThemeName;
+}
+interface ThemeOptions {
+    readonly initialTheme: ThemeSelection;
+}
+interface ThemeColorPaletteSeeds {
+    readonly error?: string;
+    readonly info?: string;
+    readonly primary: string;
+    readonly secondary?: string;
+    readonly success?: string;
+    readonly warning?: string;
+}
+type GeneratedThemeColorPalette = Readonly<Record<ThemeVariant, ThemeColors>>;
+interface ThemeColorPaletteRegistration {
+    readonly seeds: ThemeColorPaletteSeeds;
+    readonly theme: ThemeName;
+}
+declare function flattenThemeProfile(profile: ThemeProfile): ThemeVariables;
 
 declare class ThemeService {
     #private;
-    readonly themeId: _angular_core.WritableSignal<"mona-light" | "mona-dark">;
-    readonly theme: _angular_core.Signal<"mona">;
-    readonly themeVariant: _angular_core.Signal<ThemeVariant>;
+    /** The consumer-provided seeds for the active runtime color palette, or `null` when provider defaults are active. */
+    readonly colorPaletteSeeds: _angular_core.Signal<ThemeColorPaletteSeeds | null>;
+    readonly profile: _angular_core.Signal<ThemeProfile>;
+    readonly selection: _angular_core.Signal<ThemeSelection>;
+    readonly themeName: _angular_core.Signal<string>;
+    readonly themeVariant: _angular_core.Signal<_nanahoshi_mona_ui_theme.ThemeVariant>;
     constructor();
-    setThemeId(themeId: ThemeId): void;
-    private getActiveThemeVariables;
-    private getMonaDarkThemeVariables;
-    private getMonaLightThemeVariables;
-    private updateThemeVariables;
+    /** Removes the runtime color palette and restores the registered profile and provider overrides. */
+    clearColorPalette(): void;
+    /**
+     * Applies a runtime-generated semantic color palette after all registered profile overrides.
+     * The palette remains active across theme and light/dark switches until cleared.
+     */
+    setColorPalette(seeds: ThemeColorPaletteSeeds): void;
+    /** Updates only the runtime primary seed while retaining any other active runtime seeds. */
+    setPrimaryColor(primary: string): void;
+    setTheme(selection: ThemeSelection): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
-export { ThemeService };
-export type { ThemeId, ThemeStyle, ThemeVariant };
+declare function provideThemeFamily(registration: ThemeFamilyRegistration): EnvironmentProviders;
+declare function provideThemeOverrides(registration: ThemeOverrideRegistration): EnvironmentProviders;
+declare function provideThemeOptions(options: ThemeOptions): EnvironmentProviders;
+declare function provideThemeColorPalette(registration: ThemeColorPaletteRegistration): EnvironmentProviders;
+
+interface ThemeStrategy {
+    resolve(selection: ThemeSelection): ThemeProfile;
+}
+
+declare const THEME_STRATEGY: InjectionToken<ThemeStrategy>;
+
+/**
+ * Generates accessible light and dark color-role overrides from consumer-provided CSS colors.
+ * Seed lightness is treated as source identity; the generated variants use fixed tonal anchors.
+ */
+declare function generateThemeColorPalette(seeds: ThemeColorPaletteSeeds): GeneratedThemeColorPalette;
+
+export { THEME_STRATEGY, ThemeService, flattenThemeProfile, generateThemeColorPalette, provideThemeColorPalette, provideThemeFamily, provideThemeOptions, provideThemeOverrides };
+export type { BuiltInThemeName, GeneratedThemeColorPalette, ThemeColorPaletteRegistration, ThemeColorPaletteSeeds, ThemeColorVariable, ThemeColors, ThemeComponentVariable, ThemeComponents, ThemeEffectLevel, ThemeEffectVariable, ThemeEffects, ThemeFamilyRegistration, ThemeFamilyVariants, ThemeMotion, ThemeMotionVariable, ThemeName, ThemeOptions, ThemeOverrideRegistration, ThemeProfile, ThemeProfileOverrides, ThemeSelection, ThemeShadowVariable, ThemeShadows, ThemeShape, ThemeShapeVariable, ThemeStrategy, ThemeVariable, ThemeVariables, ThemeVariant };

package/types/nanahoshi-mona-ui-time-picker.d.ts

@@ -7,16 +7,15 @@ import { VariantInputs, AttributeConfig } from '@nanahoshi/mona-ui/internal';
 import { 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 { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 import * as i1 from '@nanahoshi/mona-ui/dropdowns';
 
-declare const timePickerBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timePickerBaseThemeVariants: (props?: ({
     focused?: boolean | null | undefined;
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TimePickerBaseVariantProps = VariantProps<ReturnType<typeof timePickerBaseThemeVariants>>;
+type TimePickerBaseVariantProps = VariantProps<typeof timePickerBaseThemeVariants>;
 type TimePickerBaseVariantInput = VariantInputs<TimePickerBaseVariantProps>;
 type TimePickerVariantProps = TimePickerBaseVariantProps;
 type TimePickerVariantInput = Omit<TimePickerBaseVariantInput, "focused">;

package/types/nanahoshi-mona-ui-time-selector.d.ts

@@ -8,33 +8,32 @@ import { ElementRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
 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';
 
 type TimeListType = "hours" | "minutes" | "seconds" | "meridiem";
 
-declare const timeSelectorBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const timeSelectorHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const timeSelectorInfoContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const timeSelectorListThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const timeSelectorInfoContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const timeSelectorListThemeVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const timeSelectorListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorListItemThemeVariants: (props?: ({
     selected?: boolean | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TimeSelectorBaseVariantProps = VariantProps<ReturnType<typeof timeSelectorBaseThemeVariants>>;
+type TimeSelectorBaseVariantProps = VariantProps<typeof timeSelectorBaseThemeVariants>;
 type TimeSelectorBaseVariantInput = VariantInputs<TimeSelectorBaseVariantProps>;
-type TimeSelectorHeaderVariantProps = VariantProps<ReturnType<typeof timeSelectorHeaderThemeVariants>>;
+type TimeSelectorHeaderVariantProps = VariantProps<typeof timeSelectorHeaderThemeVariants>;
 type TimeSelectorHeaderVariantInput = VariantInputs<TimeSelectorHeaderVariantProps>;
-type TimeSelectorInfoContainerVariantProps = VariantProps<ReturnType<typeof timeSelectorInfoContainerThemeVariants>>;
+type TimeSelectorInfoContainerVariantProps = VariantProps<typeof timeSelectorInfoContainerThemeVariants>;
 type TimeSelectorInfoContainerVariantInput = VariantInputs<TimeSelectorInfoContainerVariantProps>;
-type TimeSelectorListVariantProps = VariantProps<ReturnType<typeof timeSelectorListThemeVariants>>;
+type TimeSelectorListVariantProps = VariantProps<typeof timeSelectorListThemeVariants>;
 type TimeSelectorListVariantInput = VariantInputs<TimeSelectorListVariantProps>;
-type TimeSelectorListItemVariantProps = VariantProps<ReturnType<typeof timeSelectorListItemThemeVariants>>;
+type TimeSelectorListItemVariantProps = VariantProps<typeof timeSelectorListItemThemeVariants>;
 type TimeSelectorListItemVariantInput = VariantInputs<TimeSelectorListItemVariantProps>;
 type TimeSelectorVariantProps = TimeSelectorBaseVariantProps & TimeSelectorHeaderVariantProps & TimeSelectorInfoContainerVariantProps & Omit<TimeSelectorListVariantProps, "size"> & Omit<TimeSelectorListItemVariantProps, "size">;
 type TimeSelectorVariantInput = TimeSelectorBaseVariantInput & TimeSelectorHeaderVariantInput & TimeSelectorInfoContainerVariantInput & Omit<TimeSelectorListVariantInput, "size"> & Omit<TimeSelectorListItemVariantInput, "size" | "selected">;

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

@@ -4,16 +4,15 @@ import { Position } from '@nanahoshi/mona-ui/common';
 import { PopupAnchor, PopupOffset, ConnectionPoint } 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 tooltipBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tooltipBaseThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const tooltipArrowThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type TooltipBaseVariantProps = VariantProps<ReturnType<typeof tooltipBaseThemeVariants>>;
+declare const tooltipArrowThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type TooltipBaseVariantProps = VariantProps<typeof tooltipBaseThemeVariants>;
 type TooltipBaseVariantInputs = VariantInputs<TooltipBaseVariantProps>;
-type TooltipArrowVariantsProps = VariantProps<ReturnType<typeof tooltipArrowThemeVariants>>;
+type TooltipArrowVariantsProps = VariantProps<typeof tooltipArrowThemeVariants>;
 type TooltipArrowVariantsInputs = VariantInputs<TooltipArrowVariantsProps>;
 type TooltipVariantInputs = TooltipBaseVariantInputs & TooltipArrowVariantsInputs;