@nanahoshi/mona-ui 0.1.1 → 0.2.1

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

@@ -2,17 +2,16 @@ import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, DestroyRef, Renderer2, computed, linkedSignal, viewChild, TemplateRef, input, output, afterRenderEffect, Component, ElementRef, EnvironmentInjector, signal, createComponent, Directive, ChangeDetectionStrategy } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { createElementControlId } from '@nanahoshi/mona-ui/internal';
+import { themeOverlaySurfaceClasses, createElementControlId } from '@nanahoshi/mona-ui/internal';
 import { PopupService, fadePopupAnimation } from '@nanahoshi/mona-ui/popup';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 import { take, takeUntil, Subscription, fromEvent, tap } from 'rxjs';
 import { cva } from 'class-variance-authority';
 import { twMerge } from 'tailwind-merge';
 
-const tooltipBaseVariants = cva(`
-        flex items-center justify-center relative
-        bg-background text-foreground border border-border
-        shadow-[0_2px_8px_rgba(0,0,0,0.12)] z-1
+const tooltipBaseThemeVariants = cva(`
+        relative z-1 flex items-center justify-center
+        ${themeOverlaySurfaceClasses} text-foreground
+        border border-border shadow-(--shadow-overlay)
     `, {
     variants: {
         rounded: {
@@ -24,13 +23,11 @@ const tooltipBaseVariants = cva(`
         }
     }
 });
-const tooltipArrowVariants = cva(`
-        absolute w-3 h-3 box-border
+const tooltipArrowThemeVariants = cva(`
+        absolute z-0 h-3 w-3 rotate-45 transform-center box-border
         pointer-events-none
-        transform-center rotate-45
-        z-0 bg-background text-foreground
-
-        border border-border
+        ${themeOverlaySurfaceClasses}
+        border border-border shadow-(--shadow-overlay)
 
         data-[position="top"]:-bottom-1.5
         data-[position="top"]:border-t-0
@@ -53,23 +50,6 @@ const tooltipArrowVariants = cva(`
         data-[position="right"]:[clip-path:inset(1px_1px_0_0)]
     `);
 
-const tooltipBaseThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return tooltipBaseVariants;
-        default:
-            return tooltipBaseVariants;
-    }
-};
-const tooltipArrowThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return tooltipArrowVariants;
-        default:
-            return tooltipArrowVariants;
-    }
-};
-
 /**
  * Derives the tooltip arrow position from a ConnectionPositionPair.
  * This function determines where the arrow should be positioned based on
@@ -143,7 +123,6 @@ class TooltipComponent {
     #document;
     #popupService;
     #renderer;
-    #themeService;
     #currentAnchor;
     #eventSubscription;
     #hideTimeoutId;
@@ -155,7 +134,6 @@ class TooltipComponent {
         this.#document = inject(DOCUMENT);
         this.#popupService = inject(PopupService);
         this.#renderer = inject(Renderer2);
-        this.#themeService = inject(ThemeService);
         this.#currentAnchor = null;
         this.#eventSubscription = null;
         this.#hideTimeoutId = null;
@@ -163,14 +141,12 @@ class TooltipComponent {
         this.#popupRef = null;
         this.#showTimeoutId = null;
         this.arrowClasses = computed(() => {
-            const theme = this.#themeService.theme();
-            return tooltipArrowThemeVariants(theme)();
+            return tooltipArrowThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
         this.baseClasses = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.rounded();
-            return tooltipBaseThemeVariants(theme)({ rounded });
+            return tooltipBaseThemeVariants({ rounded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClasses" }] : /* istanbul ignore next */ []));
         this.currentArrowPosition = linkedSignal(() => this.position(), /* @ts-ignore */
@@ -635,17 +611,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipRounded", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hidden: [{ type: i0.Output, args: ["hidden"] }], shown: [{ type: i0.Output, args: ["shown"] }] } });
 class TooltipTemplateComponent {
     constructor() {
-        this.#themeService = inject(ThemeService);
         this.arrowClasses = computed(() => {
-            const theme = this.#themeService.theme();
-            return tooltipArrowThemeVariants(theme)();
+            return tooltipArrowThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
         this.baseClasses = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.rounded();
             const userClasses = `p-2`;
-            const variants = tooltipBaseThemeVariants(theme)({ rounded });
+            const variants = tooltipBaseThemeVariants({ rounded });
             return twMerge(variants, userClasses);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClasses" }] : /* istanbul ignore next */ []));
@@ -674,7 +647,6 @@ class TooltipTemplateComponent {
         this.templateRef = viewChild.required(TemplateRef, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "templateRef" }] : /* istanbul ignore next */ []));
     }
-    #themeService;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TooltipTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.6", type: TooltipTemplateComponent, isStandalone: true, selector: "ng-component", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, tooltipId: { classPropertyName: "tooltipId", publicName: "tooltipId", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
         <ng-template>

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.1",
   "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"
+}