@nanahoshi/mona-ui 0.1.1 → 0.2.0

package/fesm2022/nanahoshi-mona-ui-window.mjs

@@ -2,14 +2,13 @@ import * as i0 from '@angular/core';
 import { Directive, inject, DestroyRef, DOCUMENT, ElementRef, NgZone, input, afterNextRender, Pipe, ApplicationRef, Injector, signal, ViewContainerRef, computed, viewChild, TemplateRef, createComponent, Component, forwardRef, Injectable, contentChild, output, model, effect, untracked } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent, Subject, asapScheduler, map, take } from 'rxjs';
-import { createElementControlId, focusElement, setWindowStyles } from '@nanahoshi/mona-ui/internal';
+import { themeOverlaySurfaceClasses, createElementControlId, focusElement, setWindowStyles } from '@nanahoshi/mona-ui/internal';
 import { PopupDataInjectionToken, PopupCloseEvent, PopupCloseSource, PopupService } from '@nanahoshi/mona-ui/popup';
 import * as i1 from '@angular/cdk/a11y';
 import { CdkTrapFocus } from '@angular/cdk/a11y';
 import { NgTemplateOutlet } from '@angular/common';
 import { LucideMinimize, LucideMaximize, LucideMinus, LucideDynamicIcon, LucideX } from '@lucide/angular';
 import { ButtonDirective } from '@nanahoshi/mona-ui/button';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 import { cva } from 'class-variance-authority';
 
 class WindowActionTemplateDirective {
@@ -432,9 +431,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: true }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], windowRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "windowRef", required: true }] }] } });
 
-const windowBaseVariants = cva(`
-        flex flex-col w-full h-full
-        bg-background text-foreground
+const windowBaseThemeVariants = cva(`
+        flex h-full w-full flex-col
+        ${themeOverlaySurfaceClasses} text-foreground
     `, {
     variants: {
         rounded: {
@@ -448,11 +447,10 @@ const windowBaseVariants = cva(`
         rounded: "medium"
     }
 });
-const windowContentContainerVariants = cva(`
-        flex flex-col
-        relative w-full h-full
+const windowContentContainerThemeVariants = cva(`
+        relative flex h-full w-full flex-col
         border border-border
-        shadow-sm
+        shadow-(--shadow-overlay)
     `, {
     variants: {
         rounded: {
@@ -463,10 +461,11 @@ const windowContentContainerVariants = cva(`
         }
     }
 });
-const windowContentVariants = cva(`
+const windowContentThemeVariants = cva(`
         flex-1 overflow-auto
+        [scrollbar-color:var(--color-scrollbar-thumb)_var(--color-scrollbar-track)] [scrollbar-width:thin]
     `);
-const windowResizerVariants = cva(`
+const windowResizerThemeVariants = cva(`
         absolute flex
     `, {
     variants: {
@@ -482,17 +481,17 @@ const windowResizerVariants = cva(`
         }
     }
 });
-const windowTitleBarActionVariants = cva(`
-        flex items-center space-evenly
+const windowTitleBarActionThemeVariants = cva(`
+        flex items-center justify-evenly
     `);
-const windowTitleBarVariants = cva(`
+const windowTitleBarThemeVariants = cva(`
         flex items-center justify-start
-        px-2 py-1 text-sm overflow-hidden
-        border-b border-border
+        overflow-hidden px-2 py-1 text-sm
+        border-b border-border-subtle
     `, {
     variants: {
         look: {
-            default: "bg-secondary text-foreground",
+            default: "bg-surface-muted text-foreground",
             primary: "bg-primary text-primary-foreground"
         },
         rounded: {
@@ -503,14 +502,12 @@ const windowTitleBarVariants = cva(`
         }
     }
 });
-const windowTitleContainerVariants = cva(`
-        flex items-center flex-1
-        h-full cursor-default select-none
-        overflow-hidden text-ellipsis
+const windowTitleContainerThemeVariants = cva(`
+        flex h-full flex-1 items-center overflow-hidden
+        cursor-default select-none text-ellipsis
     `);
-const windowTitleVariants = cva(`
-        font-semibold
-        overflow-hidden text-ellipsis whitespace-nowrap
+const windowTitleThemeVariants = cva(`
+        overflow-hidden text-ellipsis whitespace-nowrap font-semibold
     `, {
     variants: {
         look: {
@@ -520,79 +517,12 @@ const windowTitleVariants = cva(`
     }
 });
 
-const windowBaseThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowBaseVariants;
-        default:
-            return windowBaseVariants;
-    }
-};
-const windowContentContainerThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowContentContainerVariants;
-        default:
-            return windowContentContainerVariants;
-    }
-};
-const windowContentThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowContentVariants;
-        default:
-            return windowContentVariants;
-    }
-};
-const windowResizerThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowResizerVariants;
-        default:
-            return windowResizerVariants;
-    }
-};
-const windowTitleBarActionThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowTitleBarActionVariants;
-        default:
-            return windowTitleBarActionVariants;
-    }
-};
-const windowTitleBarThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowTitleBarVariants;
-        default:
-            return windowTitleBarVariants;
-    }
-};
-const windowTitleContainerThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowTitleContainerVariants;
-        default:
-            return windowTitleContainerVariants;
-    }
-};
-const windowTitleThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return windowTitleVariants;
-        default:
-            return windowTitleVariants;
-    }
-};
-
 class ResizePositionPipe {
-    #themeService = inject(ThemeService);
     transform(position) {
         if (!position) {
             return null;
         }
-        const theme = this.#themeService.theme();
-        return windowResizerThemeVariants(theme)({ position });
+        return windowResizerThemeVariants({ position });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ResizePositionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: ResizePositionPipe, isStandalone: true, name: "monaResizePosition" }); }
@@ -611,7 +541,6 @@ class WindowContentComponent {
     #injector;
     #sizeBeforeMaximize;
     #sizeBeforeMinimize;
-    #themeService;
     #trapFocus;
     #viewContainerRef;
     constructor() {
@@ -623,25 +552,21 @@ class WindowContentComponent {
         ...(ngDevMode ? [{ debugName: "#sizeBeforeMaximize" }] : /* istanbul ignore next */ []));
         this.#sizeBeforeMinimize = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "#sizeBeforeMinimize" }] : /* istanbul ignore next */ []));
-        this.#themeService = inject(ThemeService);
         this.#trapFocus = inject(CdkTrapFocus);
         this.#viewContainerRef = inject(ViewContainerRef);
         this.baseClass = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.windowData.rounded;
-            return windowBaseThemeVariants(theme)({ rounded });
+            return windowBaseThemeVariants({ rounded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
         this.componentAnchor = viewChild.required("componentAnchor", { ...(ngDevMode ? { debugName: "componentAnchor" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
         this.contentClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return windowContentThemeVariants(theme)();
+            return windowContentThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentClass" }] : /* istanbul ignore next */ []));
         this.contentContainerClass = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.windowData.rounded;
-            return windowContentContainerThemeVariants(theme)({ rounded });
+            return windowContentContainerThemeVariants({ rounded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentContainerClass" }] : /* istanbul ignore next */ []));
         this.contentTemplate = computed(() => {
@@ -661,26 +586,22 @@ class WindowContentComponent {
         this.minimized = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "minimized" }] : /* istanbul ignore next */ []));
         this.titleBarActionClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return windowTitleBarActionThemeVariants(theme)();
+            return windowTitleBarActionThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "titleBarActionClass" }] : /* istanbul ignore next */ []));
         this.titleBarClass = computed(() => {
-            const theme = this.#themeService.theme();
             const look = this.windowData.look;
             const rounded = this.windowData.rounded;
-            return windowTitleBarThemeVariants(theme)({ look, rounded });
+            return windowTitleBarThemeVariants({ look, rounded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "titleBarClass" }] : /* istanbul ignore next */ []));
         this.titleClass = computed(() => {
-            const theme = this.#themeService.theme();
             const look = this.windowData.look;
-            return windowTitleThemeVariants(theme)({ look });
+            return windowTitleThemeVariants({ look });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "titleClass" }] : /* istanbul ignore next */ []));
         this.titleContainerClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return windowTitleContainerThemeVariants(theme)();
+            return windowTitleContainerThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "titleContainerClass" }] : /* istanbul ignore next */ []));
         this.windowData = inject(PopupDataInjectionToken);

package/fieldset/package.json

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

package/filter/package.json

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

package/grid/package.json

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

package/internal/filter-input/package.json

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

package/internal/indicator-icon/package.json

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

package/internal/list/package.json

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

package/internal/package.json

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

package/internal/tree/package.json

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

package/list/package.json

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

package/list-box/package.json

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

package/list-view/package.json

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

package/menubar/package.json

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

package/multi-select/package.json

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

package/notification/package.json

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

package/numeric-text-box/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanahoshi/mona-ui",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A very light Angular UI framework",
   "author": "Nanahoshi",
   "repository": {
@@ -44,6 +44,7 @@
     "@lucide/angular": "^1.21.0",
     "@mirei/ts-collections": "^17.5.6",
     "class-variance-authority": "^0.7.1",
+    "culori": "^4.0.2",
     "luxon": "^3.7.2",
     "remixicon": "^4.9.1",
     "tailwind-merge": "^3.6.0",

package/pager/package.json

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

package/placeholder/package.json

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

package/popover/package.json

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

package/popup/package.json

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

package/popup-menu/package.json

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

package/progress-bar/package.json

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

package/query/package.json

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

package/radio-button/package.json

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

package/scroll-view/package.json

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

package/slider/package.json

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

package/split-button/package.json

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

package/splitter/package.json

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

package/stepper/package.json

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

package/switch/package.json

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

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 { 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,7 +13,7 @@ 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 {