@nanahoshi/mona-ui 0.1.0 → 0.2.0

package/tabs/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-tabs.mjs",
+  "typings": "../types/nanahoshi-mona-ui-tabs.d.ts"
+}

package/text-area/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-text-area.mjs",
+  "typings": "../types/nanahoshi-mona-ui-text-area.d.ts"
+}

package/text-box/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-text-box.mjs",
+  "typings": "../types/nanahoshi-mona-ui-text-box.d.ts"
+}

package/theme/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-theme.mjs",
+  "typings": "../types/nanahoshi-mona-ui-theme.d.ts"
+}

package/time-picker/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-time-picker.mjs",
+  "typings": "../types/nanahoshi-mona-ui-time-picker.d.ts"
+}

package/time-selector/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-time-selector.mjs",
+  "typings": "../types/nanahoshi-mona-ui-time-selector.d.ts"
+}

package/tooltip/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-tooltip.mjs",
+  "typings": "../types/nanahoshi-mona-ui-tooltip.d.ts"
+}

package/tree-view/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-tree-view.mjs",
+  "typings": "../types/nanahoshi-mona-ui-tree-view.d.ts"
+}

package/types/nanahoshi-mona-ui-auto-complete.d.ts

@@ -9,10 +9,9 @@ import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
 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';
 
-declare const autoCompleteBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const autoCompleteBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     expanded?: boolean | null | undefined;
     focused?: boolean | null | undefined;
@@ -20,15 +19,15 @@ declare const autoCompleteBaseThemeVariants: (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 autoCompleteTextInputThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const autoCompleteTextInputThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const autoCompleteAffixContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type AutoCompleteBaseVariantProps = VariantProps<ReturnType<typeof autoCompleteBaseThemeVariants>>;
+declare const autoCompleteAffixContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type AutoCompleteBaseVariantProps = VariantProps<typeof autoCompleteBaseThemeVariants>;
 type AutoCompleteBaseVariantInput = VariantInputs<AutoCompleteBaseVariantProps>;
-type AutoCompleteTextInputVariantProps = VariantProps<ReturnType<typeof autoCompleteTextInputThemeVariants>>;
+type AutoCompleteTextInputVariantProps = VariantProps<typeof autoCompleteTextInputThemeVariants>;
 type AutoCompleteTextInputVariantInput = VariantInputs<AutoCompleteTextInputVariantProps>;
-type AutoCompleteAffixContainerVariantProps = VariantProps<ReturnType<typeof autoCompleteAffixContainerThemeVariants>>;
+type AutoCompleteAffixContainerVariantProps = VariantProps<typeof autoCompleteAffixContainerThemeVariants>;
 type AutoCompleteAffixContainerVariantInput = VariantInputs<AutoCompleteAffixContainerVariantProps>;
 type AutoCompleteVariantInput = Omit<AutoCompleteBaseVariantInput, "expanded" | "focused" | "invalid"> & AutoCompleteTextInputVariantInput & AutoCompleteAffixContainerVariantInput;
 

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

@@ -2,19 +2,18 @@ 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 breadcrumbListThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const breadcrumbListThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const breadcrumbListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const breadcrumbListItemThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     listDisabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BreadcrumbListVariantProps = VariantProps<ReturnType<typeof breadcrumbListThemeVariants>>;
+type BreadcrumbListVariantProps = VariantProps<typeof breadcrumbListThemeVariants>;
 type BreadcrumbListVariantInput = VariantInputs<BreadcrumbListVariantProps>;
-type BreadcrumbListItemVariantProps = VariantProps<ReturnType<typeof breadcrumbListItemThemeVariants>>;
+type BreadcrumbListItemVariantProps = VariantProps<typeof breadcrumbListItemThemeVariants>;
 type BreadcrumbListItemVariantInput = VariantInputs<BreadcrumbListItemVariantProps>;
 type BreadcrumbVariantInput = BreadcrumbListVariantInput & Omit<BreadcrumbListItemVariantInput, "listDisabled">;
 
@@ -36,7 +35,6 @@ declare class BreadcrumbItemComponent {
 }
 
 declare class BreadcrumbComponent implements BreadcrumbVariantInput {
-    #private;
     protected readonly itemComponents: _angular_core.Signal<readonly BreadcrumbItemComponent[]>;
     protected readonly currentItemClass: _angular_core.Signal<string>;
     protected readonly listClass: _angular_core.Signal<string>;

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

@@ -3,15 +3,14 @@ import { ButtonDirective } from '@nanahoshi/mona-ui/button';
 import { SelectionMode } 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';
 
-declare const buttonGroupThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const buttonGroupThemeVariants: (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 ButtonGroupVariantProps = VariantProps<ReturnType<typeof buttonGroupThemeVariants>>;
+type ButtonGroupVariantProps = VariantProps<typeof buttonGroupThemeVariants>;
 type ButtonGroupVariantsInput = VariantInputs<ButtonGroupVariantProps>;
 
 declare class ButtonGroupComponent implements ButtonGroupVariantsInput {

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

@@ -1,11 +1,10 @@
 import * as _angular_core from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantProps } from 'class-variance-authority';
 import { Subject } from 'rxjs';
 
-declare const buttonThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const buttonThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     iconOnly?: boolean | null | undefined;
     loading?: boolean | null | undefined;
@@ -14,11 +13,12 @@ declare const buttonThemeVariants: (theme: ThemeStyle) => (props?: ({
     size?: "large" | "medium" | "small" | null | undefined;
     selected?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ButtonVariantProps = VariantProps<ReturnType<typeof buttonThemeVariants>>;
+type ButtonVariantProps = VariantProps<typeof buttonThemeVariants>;
 type ButtonVariantsInput = VariantInputs<ButtonVariantProps>;
 
 declare class ButtonDirective implements ButtonVariantsInput {
     #private;
+    protected readonly displaysPressedState: _angular_core.Signal<boolean>;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
     protected readonly effectiveLook: _angular_core.Signal<"default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined>;
     protected readonly effectiveRounded: _angular_core.Signal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
@@ -83,9 +83,9 @@ declare class ButtonDirective implements ButtonVariantsInput {
     /**
      * @description Enables toggle behavior — each click flips the `selected` state and `aria-pressed` is managed.
      * Must use `[toggleable]="true"` binding syntax, not bare attribute form.
-     * @default false
+     * @default undefined
      */
-    readonly toggleable: _angular_core.InputSignal<boolean>;
+    readonly toggleable: _angular_core.InputSignal<boolean | undefined>;
     /**
      * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
      * @default ""

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

@@ -1,27 +1,25 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, Signal, TemplateRef } from '@angular/core';
-import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 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;
@@ -32,8 +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 noColorIcon: _fortawesome_fontawesome_common_types.IconDefinition;
-    protected readonly dropdownIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    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

@@ -4,9 +4,8 @@ import { PopupCloseEvent, PopupRef } from '@nanahoshi/mona-ui/popup';
 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 { VariantProps } from 'class-variance-authority';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { VariantProps } from 'class-variance-authority';
 import { Observable } from 'rxjs';
 
 type ActionsLayout = "end" | "center" | "start" | "stretched";
@@ -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">;