@nanahoshi/mona-ui 0.1.1 → 0.2.0

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

@@ -5,7 +5,6 @@ import { FormValueControl } from '@angular/forms/signals';
 import { CalendarView, DateDisabledType } from '@nanahoshi/mona-ui/date-input';
 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 DecadeCellTemplateContext {
@@ -57,18 +56,13 @@ type CalendarSelection = "multiple" | "range" | "single";
 
 type FirstDayOfWeek = "monday" | "sunday";
 
-declare const calendarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const calendarBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     readonly?: boolean | null | undefined;
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const calendarHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const calendarDecadeViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const calendarDecadeViewCellThemeVariants: (theme: ThemeStyle) => (props?: ({
-    focused?: boolean | null | undefined;
-    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const calendarMonthViewDayThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const calendarHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarMonthViewDayThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     focused?: boolean | null | undefined;
     outside?: boolean | null | undefined;
@@ -77,30 +71,35 @@ declare const calendarMonthViewDayThemeVariants: (theme: ThemeStyle) => (props?:
     selected?: boolean | null | undefined;
     today?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const calendarMonthViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const calendarMonthViewGridHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const calendarYearViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const calendarYearViewCellThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const calendarMonthViewGridThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarMonthViewGridHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarYearViewGridThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarYearViewCellThemeVariants: (props?: ({
+    focused?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const calendarDecadeViewGridThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarDecadeViewCellThemeVariants: (props?: ({
     focused?: boolean | null | undefined;
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type CalendarBaseVariantProps = VariantProps<ReturnType<typeof calendarBaseThemeVariants>>;
+type CalendarBaseVariantProps = VariantProps<typeof calendarBaseThemeVariants>;
 type CalendarBaseVariantInput = VariantInputs<CalendarBaseVariantProps>;
-type CalendarHeaderVariantProps = VariantProps<ReturnType<typeof calendarHeaderThemeVariants>>;
+type CalendarHeaderVariantProps = VariantProps<typeof calendarHeaderThemeVariants>;
 type CalendarHeaderVariantInput = VariantInputs<CalendarHeaderVariantProps>;
-type CalendarDecadeViewGridVariantProps = VariantProps<ReturnType<typeof calendarDecadeViewGridThemeVariants>>;
+type CalendarDecadeViewGridVariantProps = VariantProps<typeof calendarDecadeViewGridThemeVariants>;
 type CalendarDecadeViewGridVariantInput = VariantInputs<CalendarDecadeViewGridVariantProps>;
-type CalendarDecadeViewCellVariantProps = VariantProps<ReturnType<typeof calendarDecadeViewCellThemeVariants>>;
+type CalendarDecadeViewCellVariantProps = VariantProps<typeof calendarDecadeViewCellThemeVariants>;
 type CalendarDecadeViewCellVariantInput = VariantInputs<CalendarDecadeViewCellVariantProps>;
-type CalendarMonthViewDayVariantProps = VariantProps<ReturnType<typeof calendarMonthViewDayThemeVariants>>;
+type CalendarMonthViewDayVariantProps = VariantProps<typeof calendarMonthViewDayThemeVariants>;
 type CalendarMonthViewDayVariantInput = VariantInputs<CalendarMonthViewDayVariantProps>;
-type CalendarMonthViewGridVariantProps = VariantProps<ReturnType<typeof calendarMonthViewGridThemeVariants>>;
+type CalendarMonthViewGridVariantProps = VariantProps<typeof calendarMonthViewGridThemeVariants>;
 type CalendarMonthViewGridVariantInput = VariantInputs<CalendarMonthViewGridVariantProps>;
-type CalendarMonthViewGridHeaderVariantProps = VariantProps<ReturnType<typeof calendarMonthViewGridHeaderThemeVariants>>;
+type CalendarMonthViewGridHeaderVariantProps = VariantProps<typeof calendarMonthViewGridHeaderThemeVariants>;
 type CalendarMonthViewGridHeaderVariantInput = VariantInputs<CalendarMonthViewGridHeaderVariantProps>;
-type CalendarYearViewGridVariantProps = VariantProps<ReturnType<typeof calendarYearViewGridThemeVariants>>;
+type CalendarYearViewGridVariantProps = VariantProps<typeof calendarYearViewGridThemeVariants>;
 type CalendarYearViewGridVariantInput = VariantInputs<CalendarYearViewGridVariantProps>;
-type CalendarYearViewCellVariantProps = VariantProps<ReturnType<typeof calendarYearViewCellThemeVariants>>;
+type CalendarYearViewCellVariantProps = VariantProps<typeof calendarYearViewCellThemeVariants>;
 type CalendarYearViewCellVariantInput = VariantInputs<CalendarYearViewCellVariantProps>;
 type CalendarVariantProps = CalendarBaseVariantProps & CalendarHeaderVariantProps & CalendarDecadeViewGridVariantProps & CalendarDecadeViewCellVariantProps & CalendarMonthViewDayVariantProps & CalendarMonthViewGridVariantProps & CalendarMonthViewGridHeaderVariantProps & CalendarYearViewGridVariantProps & CalendarYearViewCellVariantProps;
 type CalendarVariantInput = CalendarBaseVariantInput & CalendarHeaderVariantInput & CalendarDecadeViewGridVariantInput & Omit<CalendarDecadeViewCellVariantInput, "focused"> & Omit<CalendarMonthViewDayVariantInput, "disabled" | "focused" | "outside" | "rangePreview" | "selected" | "today"> & CalendarMonthViewGridVariantInput & CalendarMonthViewGridHeaderVariantInput & CalendarYearViewGridVariantInput & Omit<CalendarYearViewCellVariantInput, "focused">;

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

@@ -2,27 +2,25 @@ import * as _angular_core 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 checkmarkThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const checkmarkThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const checkboxContainerLabelThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const checkboxContainerLabelThemeVariants: (props?: ({
     labelSize?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const checkboxDirectiveThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const checkboxDirectiveThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type CheckboxVariantProps = VariantProps<ReturnType<typeof checkboxContainerLabelThemeVariants>>;
+type CheckboxVariantProps = VariantProps<typeof checkboxContainerLabelThemeVariants>;
 type CheckboxVariantInput = VariantInputs<CheckboxVariantProps>;
-type CheckmarkVariantProps = VariantProps<ReturnType<typeof checkmarkThemeVariants>>;
+type CheckmarkVariantProps = VariantProps<typeof checkmarkThemeVariants>;
 type CheckmarkVariantInput = VariantInputs<CheckmarkVariantProps>;
-type CheckboxDirectiveVariantProps = VariantProps<ReturnType<typeof checkboxDirectiveThemeVariants>>;
+type CheckboxDirectiveVariantProps = VariantProps<typeof checkboxDirectiveThemeVariants>;
 type CheckboxDirectiveVariantInput = VariantInputs<CheckboxDirectiveVariantProps>;
 
 declare class CheckBoxComponent implements CheckboxVariantInput, CheckmarkVariantInput, FormCheckboxControl {
-    #private;
     protected readonly checkBoxClasses: _angular_core.Signal<string>;
     protected readonly checkMarkClasses: _angular_core.Signal<string>;
     protected readonly containerLabelClasses: _angular_core.Signal<string>;
@@ -113,7 +111,6 @@ declare class CheckBoxComponent implements CheckboxVariantInput, CheckmarkVarian
 }
 
 declare class CheckboxDirective implements CheckboxDirectiveVariantInput {
-    #private;
     protected readonly classes: _angular_core.Signal<string>;
     /**
      * @description Border-radius preset applied to the checkbox.

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

@@ -2,17 +2,16 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef } 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 chipThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const chipThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     look?: "default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | null | undefined;
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
     selected?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ChipVariantProps = VariantProps<ReturnType<typeof chipThemeVariants>>;
+type ChipVariantProps = VariantProps<typeof chipThemeVariants>;
 type ChipVariantInputs = VariantInputs<ChipVariantProps>;
 
 declare class ChipComponent implements ChipVariantInputs {

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

@@ -2,7 +2,6 @@ import * as _angular_core from '@angular/core';
 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 { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
 interface LabelTemplateContext {
@@ -18,14 +17,13 @@ declare class CircularProgressBarLabelTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CircularProgressBarLabelTemplateDirective, "ng-template[monaCircularProgressBarLabelTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-declare const circularProgressBarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const circularProgressBarBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type CircularProgressBarBaseVariantProps = VariantProps<ReturnType<typeof circularProgressBarBaseThemeVariants>>;
+type CircularProgressBarBaseVariantProps = VariantProps<typeof circularProgressBarBaseThemeVariants>;
 type CircularProgressBarBaseVariantInput = VariantInputs<CircularProgressBarBaseVariantProps>;
 
 declare class CircularProgressBarComponent implements CircularProgressBarBaseVariantInput {
-    #private;
     protected readonly baseClasses: _angular_core.Signal<string>;
     protected readonly center: _angular_core.Signal<{
         x: number;

package/types/nanahoshi-mona-ui-color-gradient.d.ts

@@ -6,7 +6,6 @@ import { ColorMode, ColorOutputFormat } 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';
 
 interface ColorInput {
     key: string;
@@ -17,26 +16,26 @@ interface ColorInput {
     change: (value: number | null) => void;
 }
 
-declare const colorGradientBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const colorGradientHsvRectangleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorGradientBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const colorGradientHsvRectangleThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const colorGradientHsvRectangleHandleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorGradientHsvRectangleHandleThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const colorGradientPreviewThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorGradientPreviewThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const colorGradientSliderHandleThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type ColorGradientBaseVariantProps = VariantProps<ReturnType<typeof colorGradientBaseThemeVariants>>;
+declare const colorGradientSliderHandleThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type ColorGradientBaseVariantProps = VariantProps<typeof colorGradientBaseThemeVariants>;
 type ColorGradientVaseVariantInput = VariantInputs<ColorGradientBaseVariantProps>;
-type ColorGradientHsvRectangleVariantProps = VariantProps<ReturnType<typeof colorGradientHsvRectangleThemeVariants>>;
+type ColorGradientHsvRectangleVariantProps = VariantProps<typeof colorGradientHsvRectangleThemeVariants>;
 type ColorGradientHsvRectangleVariantInput = VariantInputs<ColorGradientHsvRectangleVariantProps>;
-type ColorGradientHsvRectangleHandleVariantProps = VariantProps<ReturnType<typeof colorGradientHsvRectangleHandleThemeVariants>>;
+type ColorGradientHsvRectangleHandleVariantProps = VariantProps<typeof colorGradientHsvRectangleHandleThemeVariants>;
 type ColorGradientHsvRectangleHandleVariantInput = VariantInputs<ColorGradientHsvRectangleHandleVariantProps>;
-type ColorGradientPreviewVariantProps = VariantProps<ReturnType<typeof colorGradientPreviewThemeVariants>>;
+type ColorGradientPreviewVariantProps = VariantProps<typeof colorGradientPreviewThemeVariants>;
 type ColorGradientPreviewVariantInput = VariantInputs<ColorGradientPreviewVariantProps>;
-type ColorGradientSliderHandleVariantProps = VariantProps<ReturnType<typeof colorGradientSliderHandleThemeVariants>>;
+type ColorGradientSliderHandleVariantProps = VariantProps<typeof colorGradientSliderHandleThemeVariants>;
 type ColorGradientSliderHandleVariantInput = VariantInputs<ColorGradientSliderHandleVariantProps>;
 type ColorGradientVariantProps = ColorGradientBaseVariantProps & ColorGradientHsvRectangleVariantProps & ColorGradientHsvRectangleHandleVariantProps & ColorGradientPreviewVariantProps & ColorGradientSliderHandleVariantProps;
 type ColorGradientVariantInputs = ColorGradientVaseVariantInput & ColorGradientHsvRectangleVariantInput & ColorGradientHsvRectangleHandleVariantInput & ColorGradientPreviewVariantInput & ColorGradientSliderHandleVariantInput;

package/types/nanahoshi-mona-ui-color-palette.d.ts

@@ -4,16 +4,15 @@ import { FormValueControl } from '@angular/forms/signals';
 import { PaletteType } from '@nanahoshi/mona-ui/common';
 import { VariantInputs, ColorScheme } from '@nanahoshi/mona-ui/internal';
 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 colorPaletteBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const colorPaletteItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorPaletteBaseThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const colorPaletteItemThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ColorPaletteBaseVariantProps = VariantProps<ReturnType<typeof colorPaletteBaseThemeVariants>>;
+type ColorPaletteBaseVariantProps = VariantProps<typeof colorPaletteBaseThemeVariants>;
 type ColorPaletteBaseVariantInput = VariantInputs<ColorPaletteBaseVariantProps>;
-type ColorPaletteItemVariantProps = VariantProps<ReturnType<typeof colorPaletteItemThemeVariants>>;
+type ColorPaletteItemVariantProps = VariantProps<typeof colorPaletteItemThemeVariants>;
 type ColorPaletteItemVariantInput = VariantInputs<ColorPaletteItemVariantProps>;
 type ColorPaletteVariantProps = ColorPaletteBaseVariantProps & ColorPaletteItemVariantProps;
 type ColorPaletteVariantInput = ColorPaletteBaseVariantInput & ColorPaletteItemVariantInput;

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

@@ -4,23 +4,22 @@ import { FormValueControl } from '@angular/forms/signals';
 import { PaletteType } 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';
 
 type ColorPickerView = "gradient" | "palette";
 
-declare const colorPickerBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorPickerBaseThemeVariants: (props?: ({
     expanded?: 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 colorPickerColorThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const colorPickerColorThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ColorPickerBaseVariantProps = VariantProps<ReturnType<typeof colorPickerBaseThemeVariants>>;
+type ColorPickerBaseVariantProps = VariantProps<typeof colorPickerBaseThemeVariants>;
 type ColorPickerBaseVariantInput = VariantInputs<ColorPickerBaseVariantProps>;
-type ColorPickerColorVariantProps = VariantProps<ReturnType<typeof colorPickerColorThemeVariants>>;
+type ColorPickerColorVariantProps = VariantProps<typeof colorPickerColorThemeVariants>;
 type ColorPickerColorVariantInput = VariantInputs<ColorPickerColorVariantProps>;
 type ColorPickerVariantProps = ColorPickerBaseVariantProps & ColorPickerColorVariantProps;
 type ColorPickerVariantInput = Omit<ColorPickerBaseVariantInput, "expanded"> & ColorPickerColorVariantInput;
@@ -31,6 +30,8 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
     protected readonly colorClasses: Signal<string>;
     protected readonly expanded: Signal<boolean>;
     protected readonly invalidState: Signal<boolean>;
+    protected readonly gradientPopupClasses = "\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 border border-border shadow-(--shadow-overlay)";
+    protected readonly palettePopupClasses = "flex flex-col p-0.5 \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 border border-border shadow-(--shadow-overlay) outline-none";
     protected readonly popupId: string;
     protected readonly popupTemplate: Signal<TemplateRef<any>>;
     protected readonly valueTemplate: Signal<TemplateRef<any> | undefined>;

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

@@ -9,25 +9,24 @@ import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
 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';
 
-declare const comboBoxBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const comboBoxBaseThemeVariants: (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 comboBoxTextInputThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const comboBoxTextInputThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const comboBoxAffixContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type ComboBoxBaseVariantProps = VariantProps<ReturnType<typeof comboBoxBaseThemeVariants>>;
+declare const comboBoxAffixContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type ComboBoxBaseVariantProps = VariantProps<typeof comboBoxBaseThemeVariants>;
 type ComboBoxBaseVariantInput = VariantInputs<ComboBoxBaseVariantProps>;
-type ComboBoxTextInputVariantProps = VariantProps<ReturnType<typeof comboBoxTextInputThemeVariants>>;
+type ComboBoxTextInputVariantProps = VariantProps<typeof comboBoxTextInputThemeVariants>;
 type ComboBoxTextInputVariantInput = VariantInputs<ComboBoxTextInputVariantProps>;
-type ComboBoxAffixContainerVariantProps = VariantProps<ReturnType<typeof comboBoxAffixContainerThemeVariants>>;
+type ComboBoxAffixContainerVariantProps = VariantProps<typeof comboBoxAffixContainerThemeVariants>;
 type ComboBoxAffixContainerVariantInput = VariantInputs<ComboBoxAffixContainerVariantProps>;
 type ComboBoxVariantProps = ComboBoxBaseVariantProps & ComboBoxTextInputVariantProps & ComboBoxAffixContainerVariantProps;
 type ComboBoxVariantInput = Omit<ComboBoxBaseVariantInput, "focused" | "invalid"> & ComboBoxTextInputVariantInput & ComboBoxAffixContainerVariantInput;

package/types/nanahoshi-mona-ui-date-input.d.ts

@@ -4,7 +4,6 @@ import { Predicate, ImmutableSet } from '@mirei/ts-collections';
 import { DateTime } from 'luxon';
 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';
 import { Subject } from 'rxjs';
 import { PreventableEvent } from '@nanahoshi/mona-ui/common';
@@ -33,11 +32,11 @@ declare class TimeLimiterPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<TimeLimiterPipe, "timeLimiter", true>;
 }
 
-declare const datePopupThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const datePopupThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type DatePopupVariantProps = VariantProps<ReturnType<typeof datePopupThemeVariants>>;
+type DatePopupVariantProps = VariantProps<typeof datePopupThemeVariants>;
 type DatePopupVariantInput = VariantInputs<DatePopupVariantProps>;
 
 declare class CalendarService {

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

@@ -10,15 +10,14 @@ 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';
 
-declare const datePickerBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const datePickerBaseThemeVariants: (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 DatePickerBaseVariantProps = VariantProps<ReturnType<typeof datePickerBaseThemeVariants>>;
+type DatePickerBaseVariantProps = VariantProps<typeof datePickerBaseThemeVariants>;
 type DatePickerBaseVariantInput = VariantInputs<DatePickerBaseVariantProps>;
 type DatePickerVariantProps = DatePickerBaseVariantProps;
 type DatePickerVariantInput = Omit<DatePickerBaseVariantInput, "focused">;

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

@@ -5,7 +5,6 @@ import { ButtonVariantProps } from '@nanahoshi/mona-ui/button';
 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';
 import { Observable } from 'rxjs';
 
@@ -32,18 +31,18 @@ declare class DialogActionEvent<T = unknown> extends PreventableEvent {
     get action(): DialogAction<T>;
 }
 
-declare const dialogBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const dialogBaseThemeVariants: (props?: ({
     rounded?: "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dialogIconThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const dialogIconContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const dialogIconThemeVariants: (props?: ({
     type?: "success" | "error" | "warning" | "info" | "confirm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dialogIconContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type DialogBaseVariantProps = VariantProps<ReturnType<typeof dialogBaseThemeVariants>>;
+type DialogBaseVariantProps = VariantProps<typeof dialogBaseThemeVariants>;
 type DialogBaseVariantInput = VariantInputs<DialogBaseVariantProps>;
-type DialogIconContainerVariantProps = VariantProps<ReturnType<typeof dialogIconContainerThemeVariants>>;
+type DialogIconContainerVariantProps = VariantProps<typeof dialogIconContainerThemeVariants>;
 type DialogIconContainerVariantInput = VariantInputs<DialogIconContainerVariantProps>;
-type DialogIconVariantProps = VariantProps<ReturnType<typeof dialogIconThemeVariants>>;
+type DialogIconVariantProps = VariantProps<typeof dialogIconThemeVariants>;
 type DialogIconVariantInput = VariantInputs<DialogIconVariantProps>;
 type DialogVariantProps = DialogBaseVariantProps & DialogIconContainerVariantProps & DialogIconVariantProps;
 type DialogVariantInput = DialogBaseVariantInput & DialogIconContainerVariantInput & DialogIconVariantInput;

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

@@ -9,11 +9,9 @@ import { DropdownDataInput, DropdownPopupInput, DropdownFieldPredicateType, Drop
 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 dropdownListAffixContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const dropdownListInputThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const dropdownListInputThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     expanded?: boolean | null | undefined;
     hasPrefix?: boolean | null | undefined;
@@ -21,14 +19,15 @@ declare const dropdownListInputThemeVariants: (theme: ThemeStyle) => (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const dropdownListValueContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const dropdownListValueContainerThemeVariants: (props?: ({
     hasTemplate?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type DropdownListInputVariantProps = VariantProps<ReturnType<typeof dropdownListInputThemeVariants>>;
+declare const dropdownListAffixContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type DropdownListInputVariantProps = VariantProps<typeof dropdownListInputThemeVariants>;
 type DropdownListInputVariantInput = VariantInputs<DropdownListInputVariantProps>;
-type DropdownListAffixContainerVariantProps = VariantProps<ReturnType<typeof dropdownListAffixContainerThemeVariants>>;
+type DropdownListAffixContainerVariantProps = VariantProps<typeof dropdownListAffixContainerThemeVariants>;
 type DropdownListAffixContainerVariantInput = VariantInputs<DropdownListAffixContainerVariantProps>;
-type DropdownListValueContainerVariantProps = VariantProps<ReturnType<typeof dropdownListValueContainerThemeVariants>>;
+type DropdownListValueContainerVariantProps = VariantProps<typeof dropdownListValueContainerThemeVariants>;
 type DropdownListValueContainerVariantInput = VariantInputs<DropdownListValueContainerVariantProps>;
 type DropDownListVariantProps = DropdownListInputVariantProps & DropdownListAffixContainerVariantProps & DropdownListValueContainerVariantProps;
 type DropDownListVariantInput = Omit<DropdownListInputVariantInput, "expanded" | "hasPrefix" | "invalid"> & DropdownListAffixContainerVariantInput & Omit<DropdownListValueContainerVariantInput, "hasTemplate">;

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

@@ -2,7 +2,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 { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
 declare class FieldsetLegendTemplateDirective {
@@ -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

@@ -3,7 +3,6 @@ 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 { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
 interface FilterMenuDataItem {
@@ -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;