react-ui89 0.13.0 → 0.15.0

package/dist/esm/Ui89Override.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+type RouterPush = (url: string) => void | Promise<void>;
+interface Ui89OverrideContextType {
+    routerPush?: RouterPush;
+}
+export interface Ui89OverrideProviderProps {
+    children?: ReactNode;
+    routerPush?: RouterPush;
+}
+export declare const Ui89OverrideProvider: React.FC<Ui89OverrideProviderProps>;
+export declare const useUi89Overrides: () => Ui89OverrideContextType;
+export {};

package/dist/esm/components/Ui89Breadcrumbs.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { Ui89Theme } from "../theme";
+export type Ui89BreadcrumbsPropsOnSelect = (e: {
+    item: Ui89BreadcrumbsPropsItem;
+}) => void | Promise<void>;
+export interface Ui89BreadcrumbsPropsItem {
+    label: string;
+    url?: string;
+}
+export interface Ui89BreadcrumbsProps {
+    theme?: Ui89Theme;
+    items: Ui89BreadcrumbsPropsItem[];
+    onSelect?: Ui89BreadcrumbsPropsOnSelect;
+}
+export declare function Ui89BreadcrumbsItem({ index, item, onSelect, }: {
+    index: number;
+    item: Ui89BreadcrumbsPropsItem;
+    onSelect?: Ui89BreadcrumbsPropsOnSelect;
+}): React.JSX.Element;
+export declare function Ui89Breadcrumbs({ theme, items, onSelect, }: Ui89BreadcrumbsProps): React.JSX.Element;

package/dist/esm/components/Ui89Breadcrumbs.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Ui89Breadcrumbs } from "./Ui89Breadcrumbs";
+import { Ui89OverrideProviderProps } from "../Ui89Override";
+declare const meta: Meta<typeof Ui89Breadcrumbs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Empty: Story;
+export declare const OneCrumb: Story;
+export declare const TwoCrumbs: Story;
+export declare const FiveCrumbs: Story;
+export declare const OverrideRouterPush: StoryObj<Ui89OverrideProviderProps>;

package/dist/esm/components/Ui89Button.d.ts

@@ -10,7 +10,6 @@ interface Ui89ButtonProps {
     autoDisableOnClick?: boolean;
     disabled?: boolean;
     activated?: boolean;
-    routerPush?: (url: string) => void;
 }
-export declare function Ui89Button({ theme, size, block, onClick, href, children, autoDisableOnClick, disabled, activated, routerPush, }: Ui89ButtonProps): React.JSX.Element;
+export declare function Ui89Button({ theme, size, block, onClick, href, children, autoDisableOnClick, disabled, activated, }: Ui89ButtonProps): React.JSX.Element;
 export {};

package/dist/esm/components/Ui89Button.stories.d.ts

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { Ui89Button } from "./Ui89Button";
+import { Ui89OverrideProviderProps } from "../Ui89Override";
 declare const meta: Meta<typeof Ui89Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -9,3 +10,4 @@ export declare const ThemeSuccess: Story;
 export declare const ThemeDanger: Story;
 export declare const ThemeInfo: Story;
 export declare const ThemeWarning: Story;
+export declare const OverrideRouterPush: StoryObj<Ui89OverrideProviderProps>;

package/dist/esm/components/Ui89ThemeBackground.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { Ui89Theme } from "../theme";
-interface Ui89ButtonProps {
+interface Ui89ThemeBackgroundProps {
     theme?: Ui89Theme | string;
     children: React.ReactNode;
 }
-export declare function Ui89ThemeBackground({ theme, children, }: Ui89ButtonProps): React.JSX.Element;
+export declare function Ui89ThemeBackground({ theme, children, }: Ui89ThemeBackgroundProps): React.JSX.Element;
 export {};

package/dist/esm/index.css

@@ -1,2 +1,2 @@
-:root{--ui89-palette-black:#000;--ui89-palette-dark-blue:#00a;--ui89-palette-dark-green:#0a0;--ui89-palette-dark-cyan:#0aa;--ui89-palette-dark-red:#a00;--ui89-palette-dark-pink:#a0a;--ui89-palette-dark-yellow:#a50;--ui89-palette-light-gray:#aaa;--ui89-palette-dark-gray:#555;--ui89-palette-light-blue:#5454ff;--ui89-palette-light-green:#5f5;--ui89-palette-light-cyan:#5ff;--ui89-palette-light-red:#f55;--ui89-palette-light-pink:#f5f;--ui89-palette-light-yellow:#ff5;--ui89-palette-white:#fff;--ui89-theme-primary-text-color:var(--ui89-palette-black);--ui89-theme-primary-bg-color:var(--ui89-palette-light-yellow);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);--ui89-theme-success-text-color:var(--ui89-palette-white);--ui89-theme-success-bg-color:var(--ui89-palette-dark-green);--ui89-theme-info-text-color:var(--ui89-palette-white);--ui89-theme-info-bg-color:var(--ui89-palette-light-blue);--ui89-theme-warning-text-color:var(--ui89-palette-white);--ui89-theme-warning-bg-color:var(--ui89-palette-dark-yellow);--ui89-theme-danger-text-color:var(--ui89-palette-white);--ui89-theme-danger-bg-color:var(--ui89-palette-dark-red);--ui89-safe-space:8px;--ui89-input-height:32px;--ui89-font-size-huge:32px;--ui89-font-size-big:20px;--ui89-font-size-normal:16px;--ui89-font-size-small:14px;--ui89-font-size-tiny:10px;--ui89-input-bg-color:var(--ui89-palette-black);--ui89-input-text-color:var(--ui89-palette-light-yellow);--ui89-animation-speed:100ms}.Ui89ThemeBackground-module_background__4C-5t{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.chosen-theme-module_primary__GwEqU{--ui89-chosen-theme-text-color:var(--ui89-theme-primary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-primary-bg-color)}.chosen-theme-module_secondary__DI5Gk{--ui89-chosen-theme-text-color:var(--ui89-theme-secondary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-secondary-bg-color)}.chosen-theme-module_info__KYP2h{--ui89-chosen-theme-text-color:var(--ui89-theme-info-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-info-bg-color)}.chosen-theme-module_success__l3hFS{--ui89-chosen-theme-text-color:var(--ui89-theme-success-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-success-bg-color)}.chosen-theme-module_warning__A7IOL{--ui89-chosen-theme-text-color:var(--ui89-theme-warning-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-warning-bg-color)}.chosen-theme-module_danger__CZ3Iq{--ui89-chosen-theme-text-color:var(--ui89-theme-danger-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-danger-bg-color)}.Ui89Button-module_container__V4tWM{display:inline-block}.Ui89Button-module_button__wl9cp{align-items:center;background-color:var(--ui89-chosen-theme-bg-color);border:1px solid #00000010;border-radius:1px;box-sizing:border-box;color:var(--ui89-chosen-theme-text-color);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-width:60px;padding:0 16px;position:relative;text-align:center;transition:transform var(--ui89-animation-speed);user-select:none}.Ui89Button-module_button__wl9cp:before{inset:0;position:absolute}.Ui89Button-module_block__3sGjT{display:flex}.Ui89Button-module_button__wl9cp:hover:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#ffffff40;content:"";cursor:pointer}.Ui89Button-module_active__ZN0AN,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu){transform:translate3d(calc(var(--ui89-safe-space)/2),calc(var(--ui89-safe-space)/2),0)}.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#00000040;content:none;cursor:pointer}.Ui89Button-module_disabled__I5nOu{cursor:default;opacity:.5}.Ui89Button-module_size--normal__Pht3J{height:22px}.Ui89Button-module_size--small__-4-4v{height:24px}.Ui89Button-module_click__INMSh{inset:0;position:absolute}.Ui89Button-module_active__ZN0AN>.Ui89Button-module_click__INMSh,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu)>.Ui89Button-module_click__INMSh{transform:translate3d(calc(var(--ui89-safe-space)/2*-1),calc(var(--ui89-safe-space)/2*-1),0)}.typo-module_big__NWXQv{font-family:monospace;font-size:var(--ui89-font-size-big);line-height:25px}.typo-module_normal__a1-s-{line-height:16px}.typo-module_normalBold__6Mx0C,.typo-module_normal__a1-s-{font-family:monospace;font-size:var(--ui89-font-size-normal)}.typo-module_normalBold__6Mx0C{font-weight:700;line-height:24px}.typo-module_smallBold__BRDCu,.typo-module_small__cdnMc{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px}.typo-module_smallBold__BRDCu{font-weight:700}.typo-module_special__PiPuc{font-family:monospace;font-size:var(--ui89-font-size-small);font-weight:700}.HoverShadow-module_hoverShadow__-cRBn{display:grid;padding-bottom:var(--ui89-safe-space);padding-right:var(--ui89-safe-space);position:relative}.HoverShadow-module_hoverShadow__-cRBn>*{min-height:0;min-width:0}.HoverShadow-module_hoverShadowRight__u1rW-{height:calc(100% - var(--ui89-safe-space));width:var(--ui89-safe-space)}.HoverShadow-module_hoverShadowBottom__mTTdA,.HoverShadow-module_hoverShadowRight__u1rW-{background:#000;bottom:0;box-sizing:border-box;display:block;position:absolute;right:0;z-index:0}.HoverShadow-module_hoverShadowBottom__mTTdA{height:var(--ui89-safe-space);width:calc(100% - var(--ui89-safe-space))}.Ui89Card-module_container__-8hhJ{background:var(--ui89-scene-card-bg-color);border:1px solid #fff;border-radius:var(--ui89-box-border-radius);box-shadow:0 1px 2px 0 #0000000d;color:var(--ui89-scene-card-text-color);display:flex;flex-direction:column;padding:calc(var(--ui89-safe-space)/4) calc(var(--ui89-safe-space)/2);position:relative}.Ui89Card-module_container__-8hhJ>*{flex:1}.Ui89Card-module_containerHasTop__UsQUD{margin-top:var(--ui89-safe-space)}.Ui89Card-module_inside__91GoJ{border:1px solid #fff;padding:calc(var(--ui89-safe-space))}.Ui89Card-module_topLeftCenter__r9PD6{bottom:100%;left:0;padding-left:var(--ui89-safe-space);position:absolute;transform:translateY(50%)}.Ui89Card-module_topCenter__SZWfR{display:flex;justify-content:center;left:var(--ui89-safe-space);position:absolute;right:var(--ui89-safe-space);top:0;transform:translateY(-50%)}.Ui89HighlightText-module_container__gap-L{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89HighlightText-module_container--block__BDJUL{display:block}.Ui89InputText-module_inputText__J0AeV input{background:var(--ui89-input-bg-color);border:0;border-radius:0;box-sizing:border-box;color:var(--ui89-input-text-color);display:block;height:var(--ui89-input-height);outline:none;padding:0 var(--ui89-safe-space);width:100%}.Ui89MenuBar-module_menuBar__IlnEP{background:var(--ui89-theme-primary-bg-color);color:var(--ui89-theme-primary-text-color);display:flex;height:16px}.Ui89MenuBar-module_menuBarItem__UVFg2{cursor:pointer;padding:0 calc(var(--ui89-safe-space)*2)}.Ui89MenuBar-module_menuBarItem__UVFg2:active,.Ui89MenuBar-module_menuBarItem__UVFg2:hover{background:var(--ui89-theme-primary-text-color);color:var(--ui89-theme-primary-bg-color)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid #0000}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:vertical{border-bottom-color:var(--ui89-palette-dark-gray);border-top-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button{background-color:#bbb;border-style:solid;display:block;height:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:#0000 #0000 var(--ui89-palette-black) #0000;border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment{border-color:var(--ui89-palette-black) #0000 #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-color:#0000 var(--ui89-palette-black) #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment{border-color:#0000 #0000 #0000 var(--ui89-palette-black);border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray)}.Ui89ModalDialog-module_dialog__JtOw1{animation:Ui89ModalDialog-module_appear__Xt-kk var(--ui89-animation-speed);display:none;inset:0;position:fixed}.Ui89ModalDialog-module_dialog--open__9o2xZ{display:block}.Ui89ModalDialog-module_dialogBackdrop__pw9Av{background-color:#0006;inset:0;position:absolute}.Ui89ModalDialog-module_dialogBox__ilddn{border:none;border-radius:0;inset:0;bottom:auto;display:flex;flex-direction:column;margin:auto;max-height:100%;min-height:0;outline:none;overflow:auto;position:absolute;word-break:break-word}.Ui89ModalDialog-module_spacer__fS17b{height:100px;min-height:0}.Ui89ModalDialog-module_dialogBox__ilddn>:not(.Ui89ModalDialog-module_spacer__fS17b){flex:1 0;min-height:0}.Ui89ModalDialog-module_dialogBox--size-big__YT0xb{max-width:700px}.Ui89ModalDialog-module_dialogBox--size-medium__lZrJR{max-width:500px}.Ui89ModalDialog-module_dialogBox--size-small__-2nH-{max-width:300px}@keyframes Ui89ModalDialog-module_appear__Xt-kk{0%{opacity:0}to{opacity:1}}.Ui89Scene-module_scene__5uNRp{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible}.look-module_main__dCtZk{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-light-gray);--ui89-scene-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-highlight-color:#fff3;--ui89-scene-card-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-light-gray)}.look-module_side__bCbry{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-dark-gray);--ui89-scene-bg-color:var(--ui89-palette-light-gray);--ui89-scene-highlight-color:#fff3;--ui89-scene-card-bg-color:var(--ui89-palette-light-gray);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white)}.GridExpandTrick-module_gridExpandTrick__10Eg5{display:grid}.GridExpandTrick-module_gridExpandTrick__10Eg5>*{min-height:0;min-width:0}.ScrollContainer-module_scrollContainer__J82cj{overflow:auto}.Ui89Shortcut-module_container__L07CL{box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:column;position:relative;text-align:center;user-select:none}.Ui89Shortcut-module_label__Q2ffs{max-width:140px}.Ui89Shortcut-module_container__L07CL:hover{border-color:currentColor}.Ui89Shortcut-module_container__L07CL:hover .Ui89Shortcut-module_label__Q2ffs{background:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89Shortcut-module_imageContainer__tCoZK{align-items:flex-end;display:flex;justify-content:center;position:relative}.Ui89Shortcut-module_image__f4Hsg{display:block;height:140px;width:140px}.Ui89Shortcut-module_shortcutIconContainer__t30jR{position:relative;width:0}.Ui89Shortcut-module_shortcutIcon__SjZkr{bottom:0;pointer-events:none;position:absolute;right:0}.Ui89Tabs-module_navigation__y1WSG{display:flex;flex-wrap:wrap}.Ui89Tabs-module_navigationItem__keX-1{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);cursor:pointer;padding:0 calc(var(--ui89-safe-space)*3)}.Ui89Tabs-module_navigationItemSelected__R7dba,.Ui89Tabs-module_navigationItem__keX-1:hover{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89TagBox-module_container__2GXMj{background-color:var(--ui89-chosen-theme-bg-color);border-radius:var(--box-border-radius);color:var(--ui89-chosen-theme-text-color);display:inline-block;line-height:1;padding:calc(var(--ui89-safe-space)/2) calc(var(--ui89-safe-space)*2)}.Ui89TitleBox-module_container__M-b7J{display:flex}.Ui89TitleBox-module_inside__GWTlP{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color);min-width:0;padding:0 var(--ui89-safe-space)}.text-module_unbreakable__3eDe3{white-space:nowrap}.text-module_ellipsis__3-f-B,.text-module_singleLine__X6pYL{overflow:hidden;text-overflow:ellipsis}.text-module_singleLine__X6pYL{white-space:nowrap}.Ui89TitleUnderline-module_container__EaGZi{display:flex;line-height:1}.Ui89TitleUnderline-module_inside__uwwxa{border-bottom:1px solid;min-width:0;padding-bottom:calc(var(--ui89-safe-space)/2);position:relative}.Ui89TitleUnderline-module_inside__uwwxa:after{border-bottom:1px solid;content:"";inset:0;position:absolute;transform:translateY(-2px);z-index:0}.Ui89VirtualTable-module_table__TkJv-{border:1px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto}.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_empty__0TQZA,.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_tableBody__S53mE{flex:1}.Ui89VirtualTable-module_tableHeader__gK1W1{display:flex;position:sticky;top:0;z-index:2}.Ui89VirtualTable-module_empty__0TQZA{align-items:center;display:flex;justify-content:center;text-align:center}.Ui89VirtualTable-module_cell__yecQB{align-items:center;background:var(--ui89-scene-bg-color);border-bottom:1px solid var(--ui89-scene-text-color);border-right:1px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-first__ymIC-{padding-left:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-last__fEGx6{padding-right:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--row-first__aWHap{border-top:none}.Ui89VirtualTable-module_cell--row-last__hcdZH{border-bottom:none}
+:root{--ui89-palette-black:#000;--ui89-palette-dark-blue:#00a;--ui89-palette-dark-green:#0a0;--ui89-palette-dark-cyan:#0aa;--ui89-palette-dark-red:#a00;--ui89-palette-dark-pink:#a0a;--ui89-palette-dark-yellow:#a50;--ui89-palette-light-gray:#aaa;--ui89-palette-dark-gray:#555;--ui89-palette-light-blue:#5454ff;--ui89-palette-light-green:#5f5;--ui89-palette-light-cyan:#5ff;--ui89-palette-light-red:#f55;--ui89-palette-light-pink:#f5f;--ui89-palette-light-yellow:#ff5;--ui89-palette-white:#fff;--ui89-theme-primary-text-color:var(--ui89-palette-black);--ui89-theme-primary-bg-color:var(--ui89-palette-light-yellow);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);--ui89-theme-success-text-color:var(--ui89-palette-white);--ui89-theme-success-bg-color:var(--ui89-palette-dark-green);--ui89-theme-info-text-color:var(--ui89-palette-white);--ui89-theme-info-bg-color:var(--ui89-palette-light-blue);--ui89-theme-warning-text-color:var(--ui89-palette-white);--ui89-theme-warning-bg-color:var(--ui89-palette-dark-yellow);--ui89-theme-danger-text-color:var(--ui89-palette-white);--ui89-theme-danger-bg-color:var(--ui89-palette-dark-red);--ui89-safe-space:8px;--ui89-input-height:32px;--ui89-font-size-huge:32px;--ui89-font-size-big:20px;--ui89-font-size-normal:16px;--ui89-font-size-small:14px;--ui89-font-size-tiny:10px;--ui89-input-bg-color:var(--ui89-palette-black);--ui89-input-text-color:var(--ui89-palette-light-yellow);--ui89-animation-speed:100ms}.Ui89Breadcrumbs-module_breadcrumbs__3qjJ-{display:flex;flex-direction:row-reverse;justify-content:flex-end;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89Breadcrumbs-module_breadcrumbsItem__al4m-{clip-path:polygon(0 0,calc(100% - var(--ui89-safe-space)) 0,100% 50%,calc(100% - var(--ui89-safe-space)) 100%,0 100%);color:var(--ui89-chosen-theme-text-color);display:block;margin:calc(var(--ui89-safe-space)*-1);padding-left:calc(var(--ui89-safe-space)*3);padding-right:calc(var(--ui89-safe-space)*2);position:relative}.Ui89Breadcrumbs-module_breadcrumbsItemBackground__mTAdT{background-color:var(--ui89-chosen-theme-bg-color);filter:brightness(calc(1 - var(--ui89-index)*.1));inset:0;position:absolute;z-index:-1}.typo-module_big__NWXQv{font-family:monospace;font-size:var(--ui89-font-size-big);line-height:25px}.typo-module_normal__a1-s-{line-height:16px}.typo-module_normalBold__6Mx0C,.typo-module_normal__a1-s-{font-family:monospace;font-size:var(--ui89-font-size-normal)}.typo-module_normalBold__6Mx0C{font-weight:700;line-height:24px}.typo-module_smallBold__BRDCu,.typo-module_small__cdnMc{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px}.typo-module_smallBold__BRDCu{font-weight:700}.typo-module_special__PiPuc{font-family:monospace;font-size:var(--ui89-font-size-small);font-weight:700}.reset-module_a__dpZ8C{text-decoration:none}.chosen-theme-module_primary__GwEqU{--ui89-chosen-theme-text-color:var(--ui89-theme-primary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-primary-bg-color)}.chosen-theme-module_secondary__DI5Gk{--ui89-chosen-theme-text-color:var(--ui89-theme-secondary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-secondary-bg-color)}.chosen-theme-module_info__KYP2h{--ui89-chosen-theme-text-color:var(--ui89-theme-info-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-info-bg-color)}.chosen-theme-module_success__l3hFS{--ui89-chosen-theme-text-color:var(--ui89-theme-success-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-success-bg-color)}.chosen-theme-module_warning__A7IOL{--ui89-chosen-theme-text-color:var(--ui89-theme-warning-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-warning-bg-color)}.chosen-theme-module_danger__CZ3Iq{--ui89-chosen-theme-text-color:var(--ui89-theme-danger-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-danger-bg-color)}.Ui89Button-module_container__V4tWM{display:inline-block}.Ui89Button-module_button__wl9cp{align-items:center;background-color:var(--ui89-chosen-theme-bg-color);border:1px solid #00000010;border-radius:1px;box-sizing:border-box;color:var(--ui89-chosen-theme-text-color);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-width:60px;padding:0 16px;position:relative;text-align:center;transition:transform var(--ui89-animation-speed);user-select:none}.Ui89Button-module_button__wl9cp:before{inset:0;position:absolute}.Ui89Button-module_block__3sGjT{display:flex}.Ui89Button-module_button__wl9cp:hover:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#ffffff40;content:"";cursor:pointer}.Ui89Button-module_active__ZN0AN,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu){transform:translate3d(calc(var(--ui89-safe-space)/2),calc(var(--ui89-safe-space)/2),0)}.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#00000040;content:none;cursor:pointer}.Ui89Button-module_disabled__I5nOu{cursor:default;opacity:.5}.Ui89Button-module_size--normal__Pht3J{height:22px}.Ui89Button-module_size--small__-4-4v{height:24px}.Ui89Button-module_click__INMSh{inset:0;position:absolute}.Ui89Button-module_active__ZN0AN>.Ui89Button-module_click__INMSh,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu)>.Ui89Button-module_click__INMSh{transform:translate3d(calc(var(--ui89-safe-space)/2*-1),calc(var(--ui89-safe-space)/2*-1),0)}.HoverShadow-module_hoverShadow__-cRBn{display:grid;padding-bottom:var(--ui89-safe-space);padding-right:var(--ui89-safe-space);position:relative}.HoverShadow-module_hoverShadow__-cRBn>*{min-height:0;min-width:0}.HoverShadow-module_hoverShadowRight__u1rW-{height:calc(100% - var(--ui89-safe-space));width:var(--ui89-safe-space)}.HoverShadow-module_hoverShadowBottom__mTTdA,.HoverShadow-module_hoverShadowRight__u1rW-{background:#000;bottom:0;box-sizing:border-box;display:block;position:absolute;right:0;z-index:0}.HoverShadow-module_hoverShadowBottom__mTTdA{height:var(--ui89-safe-space);width:calc(100% - var(--ui89-safe-space))}.Ui89Card-module_container__-8hhJ{background:var(--ui89-scene-card-bg-color);border:1px solid #fff;border-radius:var(--ui89-box-border-radius);box-shadow:0 1px 2px 0 #0000000d;color:var(--ui89-scene-card-text-color);display:flex;flex-direction:column;padding:calc(var(--ui89-safe-space)/4) calc(var(--ui89-safe-space)/2);position:relative}.Ui89Card-module_container__-8hhJ>*{flex:1}.Ui89Card-module_containerHasTop__UsQUD{margin-top:var(--ui89-safe-space)}.Ui89Card-module_inside__91GoJ{border:1px solid #fff;padding:calc(var(--ui89-safe-space))}.Ui89Card-module_topLeftCenter__r9PD6{bottom:100%;left:0;padding-left:var(--ui89-safe-space);position:absolute;transform:translateY(50%)}.Ui89Card-module_topCenter__SZWfR{display:flex;justify-content:center;left:var(--ui89-safe-space);position:absolute;right:var(--ui89-safe-space);top:0;transform:translateY(-50%)}.Ui89HighlightText-module_container__gap-L{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89HighlightText-module_container--block__BDJUL{display:block}.Ui89InputText-module_inputText__J0AeV input{background:var(--ui89-input-bg-color);border:0;border-radius:0;box-sizing:border-box;color:var(--ui89-input-text-color);display:block;height:var(--ui89-input-height);outline:none;padding:0 var(--ui89-safe-space);width:100%}.Ui89MenuBar-module_menuBar__IlnEP{background:var(--ui89-theme-primary-bg-color);color:var(--ui89-theme-primary-text-color);display:flex;height:16px}.Ui89MenuBar-module_menuBarItem__UVFg2{cursor:pointer;padding:0 calc(var(--ui89-safe-space)*2)}.Ui89MenuBar-module_menuBarItem__UVFg2:active,.Ui89MenuBar-module_menuBarItem__UVFg2:hover{background:var(--ui89-theme-primary-text-color);color:var(--ui89-theme-primary-bg-color)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid #0000}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:vertical{border-bottom-color:var(--ui89-palette-dark-gray);border-top-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button{background-color:#bbb;border-style:solid;display:block;height:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:#0000 #0000 var(--ui89-palette-black) #0000;border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment{border-color:var(--ui89-palette-black) #0000 #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-color:#0000 var(--ui89-palette-black) #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment{border-color:#0000 #0000 #0000 var(--ui89-palette-black);border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray)}.Ui89ModalDialog-module_dialog__JtOw1{animation:Ui89ModalDialog-module_appear__Xt-kk var(--ui89-animation-speed);display:none;inset:0;position:fixed}.Ui89ModalDialog-module_dialog--open__9o2xZ{display:block}.Ui89ModalDialog-module_dialogBackdrop__pw9Av{background-color:#0006;inset:0;position:absolute}.Ui89ModalDialog-module_dialogBox__ilddn{border:none;border-radius:0;inset:0;bottom:auto;display:flex;flex-direction:column;margin:auto;max-height:100%;min-height:0;outline:none;overflow:auto;position:absolute;word-break:break-word}.Ui89ModalDialog-module_spacer__fS17b{height:100px;min-height:0}.Ui89ModalDialog-module_dialogBox__ilddn>:not(.Ui89ModalDialog-module_spacer__fS17b){flex:1 0;min-height:0}.Ui89ModalDialog-module_dialogBox--size-big__YT0xb{max-width:700px}.Ui89ModalDialog-module_dialogBox--size-medium__lZrJR{max-width:500px}.Ui89ModalDialog-module_dialogBox--size-small__-2nH-{max-width:300px}@keyframes Ui89ModalDialog-module_appear__Xt-kk{0%{opacity:0}to{opacity:1}}.Ui89Scene-module_scene__5uNRp{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible}.look-module_main__dCtZk{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-light-gray);--ui89-scene-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-highlight-color:#fff3;--ui89-scene-card-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-light-gray)}.look-module_side__bCbry{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-dark-gray);--ui89-scene-bg-color:var(--ui89-palette-light-gray);--ui89-scene-highlight-color:#fff3;--ui89-scene-card-bg-color:var(--ui89-palette-light-gray);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white)}.GridExpandTrick-module_gridExpandTrick__10Eg5{display:grid}.GridExpandTrick-module_gridExpandTrick__10Eg5>*{min-height:0;min-width:0}.ScrollContainer-module_scrollContainer__J82cj{overflow:auto}.Ui89Shortcut-module_container__L07CL{box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:column;position:relative;text-align:center;user-select:none}.Ui89Shortcut-module_label__Q2ffs{max-width:140px}.Ui89Shortcut-module_container__L07CL:hover{border-color:currentColor}.Ui89Shortcut-module_container__L07CL:hover .Ui89Shortcut-module_label__Q2ffs{background:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89Shortcut-module_imageContainer__tCoZK{align-items:flex-end;display:flex;justify-content:center;position:relative}.Ui89Shortcut-module_image__f4Hsg{display:block;height:140px;width:140px}.Ui89Shortcut-module_shortcutIconContainer__t30jR{position:relative;width:0}.Ui89Shortcut-module_shortcutIcon__SjZkr{bottom:0;pointer-events:none;position:absolute;right:0}.Ui89Tabs-module_navigation__y1WSG{display:flex;flex-wrap:wrap}.Ui89Tabs-module_navigationItem__keX-1{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);cursor:pointer;padding:0 calc(var(--ui89-safe-space)*3)}.Ui89Tabs-module_navigationItemSelected__R7dba,.Ui89Tabs-module_navigationItem__keX-1:hover{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89TagBox-module_container__2GXMj{border-radius:var(--box-border-radius);display:inline-block;line-height:1;padding:calc(var(--ui89-safe-space)/2) calc(var(--ui89-safe-space)*2)}.Ui89TagBox-module_container__2GXMj,.Ui89ThemeBackground-module_background__4C-5t{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89TitleBox-module_container__M-b7J{display:flex}.Ui89TitleBox-module_inside__GWTlP{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color);min-width:0;padding:0 var(--ui89-safe-space)}.text-module_unbreakable__3eDe3{white-space:nowrap}.text-module_ellipsis__3-f-B,.text-module_singleLine__X6pYL{overflow:hidden;text-overflow:ellipsis}.text-module_singleLine__X6pYL{white-space:nowrap}.Ui89TitleUnderline-module_container__EaGZi{display:flex;line-height:1}.Ui89TitleUnderline-module_inside__uwwxa{border-bottom:1px solid;min-width:0;padding-bottom:calc(var(--ui89-safe-space)/2);position:relative}.Ui89TitleUnderline-module_inside__uwwxa:after{border-bottom:1px solid;content:"";inset:0;position:absolute;transform:translateY(-2px);z-index:0}.Ui89VirtualTable-module_table__TkJv-{border:1px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto}.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_empty__0TQZA,.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_tableBody__S53mE{flex:1}.Ui89VirtualTable-module_tableHeader__gK1W1{display:flex;position:sticky;top:0;z-index:2}.Ui89VirtualTable-module_empty__0TQZA{align-items:center;display:flex;justify-content:center;text-align:center}.Ui89VirtualTable-module_cell__yecQB{align-items:center;background:var(--ui89-scene-bg-color);border-bottom:1px solid var(--ui89-scene-text-color);border-right:1px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-first__ymIC-{padding-left:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-last__fEGx6{padding-right:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--row-first__aWHap{border-top:none}.Ui89VirtualTable-module_cell--row-last__hcdZH{border-bottom:none}
 /*# sourceMappingURL=index.css.map */

package/dist/esm/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["global.css","Ui89ThemeBackground.module.css","chosen-theme.module.css","Ui89Button.module.css","typo.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89InputText.module.css","Ui89MenuBar.module.css","scrollbar.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89TitleBox.module.css","text.module.css","Ui89TitleUnderline.module.css","Ui89VirtualTable.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\n * Variables.\n */\n:root {\n  /* Leet colors. */\n  --ui89-palette-black: #000000;\n  --ui89-palette-dark-blue: #0000aa;\n  --ui89-palette-dark-green: #00aa00;\n  --ui89-palette-dark-cyan: #00aaaa;\n  --ui89-palette-dark-red: #aa0000;\n  --ui89-palette-dark-pink: #aa00aa;\n  --ui89-palette-dark-yellow: #aa5500;\n  --ui89-palette-light-gray: #aaaaaa;\n  --ui89-palette-dark-gray: #555555;\n  --ui89-palette-light-blue: #5454ff;\n  --ui89-palette-light-green: #55ff55;\n  --ui89-palette-light-cyan: #55ffff;\n  --ui89-palette-light-red: #ff5555;\n  --ui89-palette-light-pink: #ff55ff;\n  --ui89-palette-light-yellow: #ffff55;\n  --ui89-palette-white: #ffffff;\n\n  /* Themes */\n  --ui89-theme-primary-text-color: var(--ui89-palette-black);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-yellow);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n\n  --ui89-theme-success-text-color: var(--ui89-palette-white);\n  --ui89-theme-success-bg-color: var(--ui89-palette-dark-green);\n\n  --ui89-theme-info-text-color: var(--ui89-palette-white);\n  --ui89-theme-info-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-warning-text-color: var(--ui89-palette-white);\n  --ui89-theme-warning-bg-color: var(--ui89-palette-dark-yellow);\n\n  --ui89-theme-danger-text-color: var(--ui89-palette-white);\n  --ui89-theme-danger-bg-color: var(--ui89-palette-dark-red);\n\n  /* Size and alignment */\n  --ui89-safe-space: 8px;\n  --ui89-input-height: 32px;\n\n  /* Typography */\n  --ui89-font-size-huge: 32px;\n  --ui89-font-size-big: 20px;\n  --ui89-font-size-normal: 16px;\n  --ui89-font-size-small: 14px;\n  --ui89-font-size-tiny: 10px;\n\n  /* Input box */\n  --ui89-input-bg-color: var(--ui89-palette-black);\n  --ui89-input-text-color: var(--ui89-palette-light-yellow);\n\n  /* Animation */\n  --ui89-animation-speed: 100ms;\n}\n",".background {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n}\n",".primary {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-primary-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-primary-bg-color);\n}\n\n.secondary {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-secondary-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-secondary-bg-color);\n}\n\n.info {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-info-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-info-bg-color);\n}\n\n.success {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-success-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-success-bg-color);\n}\n\n.warning {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-warning-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-warning-bg-color);\n}\n\n.danger {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-danger-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-danger-bg-color);\n}\n",".container {\n  display: inline-block;\n}\n\n.button {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; /* align vertical */\n  border: 0;\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n  min-width: 60px;\n  border-radius: 1px;\n  font-weight: bold;\n  padding: 0 16px;\n  user-select: none;\n  text-align: center;\n  box-sizing: border-box;\n  border: 1px solid #00000010;\n\n  transition: transform var(--ui89-animation-speed);\n\n  /* For the button active/hover/focus state */\n  position: relative;\n\n  cursor: pointer;\n}\n\n.button:before {\n  position: absolute;\n  inset: 0;\n}\n\n.block {\n  display: flex;\n}\n\n.button:hover:not(.disabled):not(.active):before {\n  content: \"\";\n  background-color: #ffffff40;\n  cursor: pointer;\n}\n\n.button:active:not(.disabled),\n.active {\n  transform: translate3d(\n    calc(var(--ui89-safe-space) / 2),\n    calc(var(--ui89-safe-space) / 2),\n    0\n  );\n}\n\n.button:active:not(.disabled):not(.active):before {\n  content: none;\n  background-color: #00000040;\n  cursor: pointer;\n}\n\n.disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.size--normal {\n  height: 22px;\n}\n\n.size--small {\n  height: 24px;\n}\n\n.click {\n  position: absolute;\n  inset: 0;\n}\n\n.button:active:not(.disabled) > .click,\n.active > .click {\n  transform: translate3d(\n    calc(var(--ui89-safe-space) / 2 * -1),\n    calc(var(--ui89-safe-space) / 2 * -1),\n    0\n  );\n}\n",".big {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-big);\n  line-height: 25px;\n}\n\n.normal {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-normal);\n  line-height: 16px;\n}\n\n.normalBold {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-normal);\n  line-height: 24px;\n  font-weight: bold;\n}\n\n.small {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  line-height: 16px;\n}\n\n.smallBold {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  line-height: 16px;\n  font-weight: bold;\n}\n\n/* For buttons and such. */\n.special {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  font-weight: bold;\n}\n",".hoverShadow {\n  display: grid;\n  padding-right: var(--ui89-safe-space);\n  padding-bottom: var(--ui89-safe-space);\n  position: relative;\n}\n\n.hoverShadow > * {\n  min-height: 0;\n  min-width: 0;\n}\n\n.hoverShadowRight {\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: calc(100% - var(--ui89-safe-space));\n  width: var(--ui89-safe-space);\n  box-sizing: border-box;\n  background: black;\n  z-index: 0;\n}\n\n.hoverShadowBottom {\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: calc(100% - var(--ui89-safe-space));\n  height: var(--ui89-safe-space);\n  box-sizing: border-box;\n  background: black;\n  z-index: 0;\n}\n",".container {\n  background: var(--ui89-scene-card-bg-color);\n  color: var(--ui89-scene-card-text-color);\n  border-radius: var(--ui89-box-border-radius);\n  position: relative;\n  box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;\n  border-top: calc(var(--ui89-safe-space)) solid #ffffff20;\n  border-left: calc(var(--ui89-safe-space)) solid #ffffff20;\n  border-right: calc(var(--ui89-safe-space)) solid #00000040;\n  border-bottom: calc(var(--ui89-safe-space)) solid #00000040;\n  padding: calc(var(--ui89-safe-space) / 4) calc(var(--ui89-safe-space) / 2);\n  border: 1px solid white;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.container > * {\n  flex: 1;\n}\n\n.containerHasTop {\n  margin-top: var(--ui89-safe-space);\n}\n\n.inside {\n  border: 1px solid white;\n  padding: calc(var(--ui89-safe-space));\n}\n\n.topLeftCenter {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  padding-left: var(--ui89-safe-space);\n  transform: translateY(50%);\n}\n\n.topCenter {\n  position: absolute;\n  top: 0;\n  transform: translateY(-50%);\n  left: var(--ui89-safe-space);\n  right: var(--ui89-safe-space);\n  display: flex;\n  justify-content: center;\n}\n",".container {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n}\n\n.container--block {\n  display: block;\n}\n",".inputText input {\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n\n  height: var(--ui89-input-height);\n  padding: 0 var(--ui89-safe-space);\n  border: 0;\n\n  border-radius: 0;\n  outline: none;\n\n  background: var(--ui89-input-bg-color);\n  color: var(--ui89-input-text-color);\n}\n",".menuBar {\n  display: flex;\n\n  height: 16px;\n\n  color: var(--ui89-theme-primary-text-color);\n  background: var(--ui89-theme-primary-bg-color);\n}\n\n.menuBarItem {\n  cursor: pointer;\n  padding: 0 calc(var(--ui89-safe-space) * 2);\n}\n\n.menuBarItem:hover,\n.menuBarItem:active {\n  color: var(--ui89-theme-primary-bg-color);\n  background: var(--ui89-theme-primary-text-color);\n}\n",".container ::-webkit-scrollbar {\n  background: var(--ui89-scene-bg-color);\n  width: calc(var(--ui89-safe-space) * 2);\n}\n\n.container ::-webkit-scrollbar-track {\n  background: var(--ui89-scene-bg-color);\n  background: var(--ui89-palette-dark-gray);\n  border: 1px solid var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-thumb {\n  background: var(--ui89-palette-light-gray);\n  border: 1px solid transparent;\n}\n.container ::-webkit-scrollbar-thumb:vertical {\n  border-top-color: var(--ui89-palette-dark-gray);\n  border-bottom-color: var(--ui89-palette-dark-gray);\n}\n.container ::-webkit-scrollbar-thumb:horizontal {\n  border-left-color: var(--ui89-palette-dark-gray);\n  border-right-color: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button {\n  background-color: #bbbbbb;\n  display: block;\n  border-style: solid;\n  height: calc(var(--ui89-safe-space) * 2);\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement {\n  border-width: 0 var(--ui89-safe-space) var(--ui89-safe-space)\n    var(--ui89-safe-space);\n  border-color: transparent transparent var(--ui89-palette-black) transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:vertical:increment {\n  border-width: var(--ui89-safe-space) var(--ui89-safe-space) 0\n    var(--ui89-safe-space);\n  border-color: var(--ui89-palette-black) transparent transparent transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:increment:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:decrement {\n  border-width: var(--ui89-safe-space) var(--ui89-safe-space)\n    var(--ui89-safe-space) 0;\n  border-color: transparent var(--ui89-palette-black) transparent transparent;\n}\n.container\n  ::-webkit-scrollbar-button:single-button:horizontal:decrement:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:increment {\n  border-width: var(--ui89-safe-space) 0 var(--ui89-safe-space)\n    var(--ui89-safe-space);\n  border-color: transparent transparent transparent var(--ui89-palette-black);\n}\n.container\n  ::-webkit-scrollbar-button:single-button:horizontal:increment:active {\n  background: var(--ui89-palette-dark-gray);\n}\n",".dialog {\n  position: fixed;\n  inset: 0px;\n\n  display: none;\n  animation: appear var(--ui89-animation-speed);\n}\n\n.dialog--open {\n  display: block;\n}\n\n.dialogBackdrop {\n  position: absolute;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.4);\n}\n\n.dialogBox {\n  position: absolute;\n  inset: 0;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  margin: auto;\n  word-break: break-word;\n\n  /*\n    Need to make sure that the dialog does not overflow page.\n    The contents inside must overflow.\n  */\n  max-height: 100%;\n  min-height: 0;\n  bottom: auto;\n  overflow: auto;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.spacer {\n  min-height: 0;\n  height: 100px;\n}\n\n.dialogBox > *:not(.spacer) {\n  flex: 1 0;\n  min-height: 0;\n}\n\n.dialogBox--size-big {\n  max-width: 700px;\n}\n\n.dialogBox--size-medium {\n  max-width: 500px;\n}\n\n.dialogBox--size-small {\n  max-width: 300px;\n}\n\n@keyframes appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n",".scene {\n  background-color: var(--ui89-scene-bg-color);\n  color: var(--ui89-scene-text-color);\n  overflow: visible;\n}\n",".main {\n  --ui89-scene-text-color: var(--ui89-palette-white);\n  --ui89-scene-text-subtle-color: var(--ui89-palette-light-gray);\n  --ui89-scene-bg-color: var(--ui89-palette-dark-blue);\n  --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n  --ui89-scene-card-bg-color: var(--ui89-palette-dark-blue);\n  --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n  --ui89-theme-primary-text-color: var(--ui89-palette-white);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-light-gray);\n}\n\n.side {\n  --ui89-scene-text-color: var(--ui89-palette-white);\n  --ui89-scene-text-subtle-color: var(--ui89-palette-dark-gray);\n  --ui89-scene-bg-color: var(--ui89-palette-light-gray);\n  --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n  --ui89-scene-card-bg-color: var(--ui89-palette-light-gray);\n  --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n  --ui89-theme-primary-text-color: var(--ui89-palette-white);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n}\n",".gridExpandTrick {\n  display: grid;\n}\n\n.gridExpandTrick > * {\n  min-height: 0;\n  min-width: 0;\n}\n",".scrollContainer {\n  overflow: auto;\n}\n",".container {\n  display: inline-flex;\n  flex-direction: column;\n\n  position: relative;\n  text-align: center;\n\n  box-sizing: border-box;\n\n  user-select: none;\n  cursor: pointer;\n}\n\n.label {\n  max-width: 140px;\n}\n\n.container:hover {\n  border-color: currentColor;\n}\n.container:hover .label {\n  background: var(--ui89-scene-text-color);\n  color: var(--ui89-scene-bg-color);\n}\n\n.imageContainer {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  position: relative;\n}\n\n.image {\n  display: block;\n  width: 140px;\n  height: 140px;\n}\n\n.shortcutIconContainer {\n  position: relative;\n  width: 0;\n}\n\n.shortcutIcon {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  pointer-events: none;\n}\n",".navigation {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.navigationItem {\n  color: var(--ui89-scene-text-color);\n  background-color: var(--ui89-scene-bg-color);\n  padding: 0 calc(var(--ui89-safe-space) * 3);\n  cursor: pointer;\n}\n\n.navigationItem:hover,\n.navigationItemSelected {\n  background-color: var(--ui89-scene-text-color);\n  color: var(--ui89-scene-bg-color);\n}\n",".container {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n\n  display: inline-block;\n  padding: calc(var(--ui89-safe-space) / 2) calc(var(--ui89-safe-space) * 2);\n  border-radius: var(--box-border-radius);\n  line-height: 1;\n}\n",".container {\n  display: flex;\n}\n\n.inside {\n  min-width: 0;\n  color: var(--ui89-scene-bg-color);\n  background-color: var(--ui89-scene-text-color);\n  padding: 0px var(--ui89-safe-space);\n}\n",".unbreakable {\n  white-space: nowrap;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.singleLine {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n",".container {\n  display: flex;\n  line-height: 1;\n}\n\n.inside {\n  min-width: 0;\n  border-bottom: 1px solid;\n  position: relative;\n  padding-bottom: calc(var(--ui89-safe-space) / 2);\n}\n\n.inside:after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateY(-2px);\n  border-bottom: 1px solid;\n  z-index: 0;\n}\n",".table {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  height: 100%;\n  border: 1px solid var(--ui89-scene-text-color);\n  box-sizing: border-box;\n}\n\n.table > .tableBody,\n.table > .empty {\n  flex: 1;\n}\n\n.tableHeader {\n  position: sticky;\n  top: 0;\n  display: flex;\n  z-index: 2;\n}\n\n.empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.cell {\n  display: flex;\n  align-items: center;\n  padding: var(--ui89-safe-space);\n  border-bottom: 1px solid var(--ui89-scene-text-color);\n  border-right: 1px solid var(--ui89-scene-text-color);\n\n  /* The width of the column will include padding and border. */\n  box-sizing: border-box;\n\n  overflow: hidden;\n\n  /* So that the floating headers remain visible. */\n  background: var(--ui89-scene-bg-color);\n}\n\n.cell--column-first {\n  padding-left: var(--ui89-safe-space);\n}\n\n.cell--column-last {\n  padding-right: var(--ui89-safe-space);\n}\n\n.cell--row-first {\n  border-top: none;\n}\n\n.cell--row-last {\n  border-bottom: none;\n}\n"]}
+{"version":3,"sources":["global.css","Ui89Breadcrumbs.module.css","typo.module.css","reset.module.css","chosen-theme.module.css","Ui89Button.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89InputText.module.css","Ui89MenuBar.module.css","scrollbar.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89ThemeBackground.module.css","Ui89TitleBox.module.css","text.module.css","Ui89TitleUnderline.module.css","Ui89VirtualTable.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\n * Variables.\n */\n:root {\n  /* Leet colors. */\n  --ui89-palette-black: #000000;\n  --ui89-palette-dark-blue: #0000aa;\n  --ui89-palette-dark-green: #00aa00;\n  --ui89-palette-dark-cyan: #00aaaa;\n  --ui89-palette-dark-red: #aa0000;\n  --ui89-palette-dark-pink: #aa00aa;\n  --ui89-palette-dark-yellow: #aa5500;\n  --ui89-palette-light-gray: #aaaaaa;\n  --ui89-palette-dark-gray: #555555;\n  --ui89-palette-light-blue: #5454ff;\n  --ui89-palette-light-green: #55ff55;\n  --ui89-palette-light-cyan: #55ffff;\n  --ui89-palette-light-red: #ff5555;\n  --ui89-palette-light-pink: #ff55ff;\n  --ui89-palette-light-yellow: #ffff55;\n  --ui89-palette-white: #ffffff;\n\n  /* Themes */\n  --ui89-theme-primary-text-color: var(--ui89-palette-black);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-yellow);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n\n  --ui89-theme-success-text-color: var(--ui89-palette-white);\n  --ui89-theme-success-bg-color: var(--ui89-palette-dark-green);\n\n  --ui89-theme-info-text-color: var(--ui89-palette-white);\n  --ui89-theme-info-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-warning-text-color: var(--ui89-palette-white);\n  --ui89-theme-warning-bg-color: var(--ui89-palette-dark-yellow);\n\n  --ui89-theme-danger-text-color: var(--ui89-palette-white);\n  --ui89-theme-danger-bg-color: var(--ui89-palette-dark-red);\n\n  /* Size and alignment */\n  --ui89-safe-space: 8px;\n  --ui89-input-height: 32px;\n\n  /* Typography */\n  --ui89-font-size-huge: 32px;\n  --ui89-font-size-big: 20px;\n  --ui89-font-size-normal: 16px;\n  --ui89-font-size-small: 14px;\n  --ui89-font-size-tiny: 10px;\n\n  /* Input box */\n  --ui89-input-bg-color: var(--ui89-palette-black);\n  --ui89-input-text-color: var(--ui89-palette-light-yellow);\n\n  /* Animation */\n  --ui89-animation-speed: 100ms;\n}\n",".breadcrumbs {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  overflow: hidden;\n  padding: var(--ui89-safe-space);\n}\n\n.breadcrumbsItem {\n  display: block;\n  color: var(--ui89-chosen-theme-text-color);\n  padding-left: calc(var(--ui89-safe-space) * 3);\n  padding-right: calc(var(--ui89-safe-space) * 2);\n  margin: calc(var(--ui89-safe-space) * -1);\n\n  /* For background */\n  position: relative;\n  clip-path: polygon(\n    0% 0%,\n    calc(100% - var(--ui89-safe-space)) 0%,\n    100% 50%,\n    calc(100% - var(--ui89-safe-space)) 100%,\n    0% 100%\n  );\n}\n\n.breadcrumbsItemBackground {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  background-color: var(--ui89-chosen-theme-bg-color);\n  filter: brightness(calc(1 - var(--ui89-index) * 0.1));\n}\n",".big {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-big);\n  line-height: 25px;\n}\n\n.normal {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-normal);\n  line-height: 16px;\n}\n\n.normalBold {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-normal);\n  line-height: 24px;\n  font-weight: bold;\n}\n\n.small {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  line-height: 16px;\n}\n\n.smallBold {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  line-height: 16px;\n  font-weight: bold;\n}\n\n/* For buttons and such. */\n.special {\n  font-family: monospace;\n  font-size: var(--ui89-font-size-small);\n  font-weight: bold;\n}\n",".a {\n  text-decoration: none;\n}\n",".primary {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-primary-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-primary-bg-color);\n}\n\n.secondary {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-secondary-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-secondary-bg-color);\n}\n\n.info {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-info-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-info-bg-color);\n}\n\n.success {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-success-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-success-bg-color);\n}\n\n.warning {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-warning-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-warning-bg-color);\n}\n\n.danger {\n  --ui89-chosen-theme-text-color: var(--ui89-theme-danger-text-color);\n  --ui89-chosen-theme-bg-color: var(--ui89-theme-danger-bg-color);\n}\n",".container {\n  display: inline-block;\n}\n\n.button {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; /* align vertical */\n  border: 0;\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n  min-width: 60px;\n  border-radius: 1px;\n  font-weight: bold;\n  padding: 0 16px;\n  user-select: none;\n  text-align: center;\n  box-sizing: border-box;\n  border: 1px solid #00000010;\n\n  transition: transform var(--ui89-animation-speed);\n\n  /* For the button active/hover/focus state */\n  position: relative;\n\n  cursor: pointer;\n}\n\n.button:before {\n  position: absolute;\n  inset: 0;\n}\n\n.block {\n  display: flex;\n}\n\n.button:hover:not(.disabled):not(.active):before {\n  content: \"\";\n  background-color: #ffffff40;\n  cursor: pointer;\n}\n\n.button:active:not(.disabled),\n.active {\n  transform: translate3d(\n    calc(var(--ui89-safe-space) / 2),\n    calc(var(--ui89-safe-space) / 2),\n    0\n  );\n}\n\n.button:active:not(.disabled):not(.active):before {\n  content: none;\n  background-color: #00000040;\n  cursor: pointer;\n}\n\n.disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.size--normal {\n  height: 22px;\n}\n\n.size--small {\n  height: 24px;\n}\n\n.click {\n  position: absolute;\n  inset: 0;\n}\n\n.button:active:not(.disabled) > .click,\n.active > .click {\n  transform: translate3d(\n    calc(var(--ui89-safe-space) / 2 * -1),\n    calc(var(--ui89-safe-space) / 2 * -1),\n    0\n  );\n}\n",".hoverShadow {\n  display: grid;\n  padding-right: var(--ui89-safe-space);\n  padding-bottom: var(--ui89-safe-space);\n  position: relative;\n}\n\n.hoverShadow > * {\n  min-height: 0;\n  min-width: 0;\n}\n\n.hoverShadowRight {\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: calc(100% - var(--ui89-safe-space));\n  width: var(--ui89-safe-space);\n  box-sizing: border-box;\n  background: black;\n  z-index: 0;\n}\n\n.hoverShadowBottom {\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: calc(100% - var(--ui89-safe-space));\n  height: var(--ui89-safe-space);\n  box-sizing: border-box;\n  background: black;\n  z-index: 0;\n}\n",".container {\n  background: var(--ui89-scene-card-bg-color);\n  color: var(--ui89-scene-card-text-color);\n  border-radius: var(--ui89-box-border-radius);\n  position: relative;\n  box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;\n  border-top: calc(var(--ui89-safe-space)) solid #ffffff20;\n  border-left: calc(var(--ui89-safe-space)) solid #ffffff20;\n  border-right: calc(var(--ui89-safe-space)) solid #00000040;\n  border-bottom: calc(var(--ui89-safe-space)) solid #00000040;\n  padding: calc(var(--ui89-safe-space) / 4) calc(var(--ui89-safe-space) / 2);\n  border: 1px solid white;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.container > * {\n  flex: 1;\n}\n\n.containerHasTop {\n  margin-top: var(--ui89-safe-space);\n}\n\n.inside {\n  border: 1px solid white;\n  padding: calc(var(--ui89-safe-space));\n}\n\n.topLeftCenter {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  padding-left: var(--ui89-safe-space);\n  transform: translateY(50%);\n}\n\n.topCenter {\n  position: absolute;\n  top: 0;\n  transform: translateY(-50%);\n  left: var(--ui89-safe-space);\n  right: var(--ui89-safe-space);\n  display: flex;\n  justify-content: center;\n}\n",".container {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n}\n\n.container--block {\n  display: block;\n}\n",".inputText input {\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n\n  height: var(--ui89-input-height);\n  padding: 0 var(--ui89-safe-space);\n  border: 0;\n\n  border-radius: 0;\n  outline: none;\n\n  background: var(--ui89-input-bg-color);\n  color: var(--ui89-input-text-color);\n}\n",".menuBar {\n  display: flex;\n\n  height: 16px;\n\n  color: var(--ui89-theme-primary-text-color);\n  background: var(--ui89-theme-primary-bg-color);\n}\n\n.menuBarItem {\n  cursor: pointer;\n  padding: 0 calc(var(--ui89-safe-space) * 2);\n}\n\n.menuBarItem:hover,\n.menuBarItem:active {\n  color: var(--ui89-theme-primary-bg-color);\n  background: var(--ui89-theme-primary-text-color);\n}\n",".container ::-webkit-scrollbar {\n  background: var(--ui89-scene-bg-color);\n  width: calc(var(--ui89-safe-space) * 2);\n}\n\n.container ::-webkit-scrollbar-track {\n  background: var(--ui89-scene-bg-color);\n  background: var(--ui89-palette-dark-gray);\n  border: 1px solid var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-thumb {\n  background: var(--ui89-palette-light-gray);\n  border: 1px solid transparent;\n}\n.container ::-webkit-scrollbar-thumb:vertical {\n  border-top-color: var(--ui89-palette-dark-gray);\n  border-bottom-color: var(--ui89-palette-dark-gray);\n}\n.container ::-webkit-scrollbar-thumb:horizontal {\n  border-left-color: var(--ui89-palette-dark-gray);\n  border-right-color: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button {\n  background-color: #bbbbbb;\n  display: block;\n  border-style: solid;\n  height: calc(var(--ui89-safe-space) * 2);\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement {\n  border-width: 0 var(--ui89-safe-space) var(--ui89-safe-space)\n    var(--ui89-safe-space);\n  border-color: transparent transparent var(--ui89-palette-black) transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:vertical:increment {\n  border-width: var(--ui89-safe-space) var(--ui89-safe-space) 0\n    var(--ui89-safe-space);\n  border-color: var(--ui89-palette-black) transparent transparent transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:increment:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:decrement {\n  border-width: var(--ui89-safe-space) var(--ui89-safe-space)\n    var(--ui89-safe-space) 0;\n  border-color: transparent var(--ui89-palette-black) transparent transparent;\n}\n.container\n  ::-webkit-scrollbar-button:single-button:horizontal:decrement:active {\n  background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:increment {\n  border-width: var(--ui89-safe-space) 0 var(--ui89-safe-space)\n    var(--ui89-safe-space);\n  border-color: transparent transparent transparent var(--ui89-palette-black);\n}\n.container\n  ::-webkit-scrollbar-button:single-button:horizontal:increment:active {\n  background: var(--ui89-palette-dark-gray);\n}\n",".dialog {\n  position: fixed;\n  inset: 0px;\n\n  display: none;\n  animation: appear var(--ui89-animation-speed);\n}\n\n.dialog--open {\n  display: block;\n}\n\n.dialogBackdrop {\n  position: absolute;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.4);\n}\n\n.dialogBox {\n  position: absolute;\n  inset: 0;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  margin: auto;\n  word-break: break-word;\n\n  /*\n    Need to make sure that the dialog does not overflow page.\n    The contents inside must overflow.\n  */\n  max-height: 100%;\n  min-height: 0;\n  bottom: auto;\n  overflow: auto;\n\n  display: flex;\n  flex-direction: column;\n}\n\n.spacer {\n  min-height: 0;\n  height: 100px;\n}\n\n.dialogBox > *:not(.spacer) {\n  flex: 1 0;\n  min-height: 0;\n}\n\n.dialogBox--size-big {\n  max-width: 700px;\n}\n\n.dialogBox--size-medium {\n  max-width: 500px;\n}\n\n.dialogBox--size-small {\n  max-width: 300px;\n}\n\n@keyframes appear {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n",".scene {\n  background-color: var(--ui89-scene-bg-color);\n  color: var(--ui89-scene-text-color);\n  overflow: visible;\n}\n",".main {\n  --ui89-scene-text-color: var(--ui89-palette-white);\n  --ui89-scene-text-subtle-color: var(--ui89-palette-light-gray);\n  --ui89-scene-bg-color: var(--ui89-palette-dark-blue);\n  --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n  --ui89-scene-card-bg-color: var(--ui89-palette-dark-blue);\n  --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n  --ui89-theme-primary-text-color: var(--ui89-palette-white);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-light-gray);\n}\n\n.side {\n  --ui89-scene-text-color: var(--ui89-palette-white);\n  --ui89-scene-text-subtle-color: var(--ui89-palette-dark-gray);\n  --ui89-scene-bg-color: var(--ui89-palette-light-gray);\n  --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n  --ui89-scene-card-bg-color: var(--ui89-palette-light-gray);\n  --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n  --ui89-theme-primary-text-color: var(--ui89-palette-white);\n  --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n  --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n  --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n}\n",".gridExpandTrick {\n  display: grid;\n}\n\n.gridExpandTrick > * {\n  min-height: 0;\n  min-width: 0;\n}\n",".scrollContainer {\n  overflow: auto;\n}\n",".container {\n  display: inline-flex;\n  flex-direction: column;\n\n  position: relative;\n  text-align: center;\n\n  box-sizing: border-box;\n\n  user-select: none;\n  cursor: pointer;\n}\n\n.label {\n  max-width: 140px;\n}\n\n.container:hover {\n  border-color: currentColor;\n}\n.container:hover .label {\n  background: var(--ui89-scene-text-color);\n  color: var(--ui89-scene-bg-color);\n}\n\n.imageContainer {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  position: relative;\n}\n\n.image {\n  display: block;\n  width: 140px;\n  height: 140px;\n}\n\n.shortcutIconContainer {\n  position: relative;\n  width: 0;\n}\n\n.shortcutIcon {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  pointer-events: none;\n}\n",".navigation {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.navigationItem {\n  color: var(--ui89-scene-text-color);\n  background-color: var(--ui89-scene-bg-color);\n  padding: 0 calc(var(--ui89-safe-space) * 3);\n  cursor: pointer;\n}\n\n.navigationItem:hover,\n.navigationItemSelected {\n  background-color: var(--ui89-scene-text-color);\n  color: var(--ui89-scene-bg-color);\n}\n",".container {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n\n  display: inline-block;\n  padding: calc(var(--ui89-safe-space) / 2) calc(var(--ui89-safe-space) * 2);\n  border-radius: var(--box-border-radius);\n  line-height: 1;\n}\n",".background {\n  color: var(--ui89-chosen-theme-text-color);\n  background-color: var(--ui89-chosen-theme-bg-color);\n}\n",".container {\n  display: flex;\n}\n\n.inside {\n  min-width: 0;\n  color: var(--ui89-scene-bg-color);\n  background-color: var(--ui89-scene-text-color);\n  padding: 0px var(--ui89-safe-space);\n}\n",".unbreakable {\n  white-space: nowrap;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.singleLine {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n",".container {\n  display: flex;\n  line-height: 1;\n}\n\n.inside {\n  min-width: 0;\n  border-bottom: 1px solid;\n  position: relative;\n  padding-bottom: calc(var(--ui89-safe-space) / 2);\n}\n\n.inside:after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateY(-2px);\n  border-bottom: 1px solid;\n  z-index: 0;\n}\n",".table {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  height: 100%;\n  border: 1px solid var(--ui89-scene-text-color);\n  box-sizing: border-box;\n}\n\n.table > .tableBody,\n.table > .empty {\n  flex: 1;\n}\n\n.tableHeader {\n  position: sticky;\n  top: 0;\n  display: flex;\n  z-index: 2;\n}\n\n.empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.cell {\n  display: flex;\n  align-items: center;\n  padding: var(--ui89-safe-space);\n  border-bottom: 1px solid var(--ui89-scene-text-color);\n  border-right: 1px solid var(--ui89-scene-text-color);\n\n  /* The width of the column will include padding and border. */\n  box-sizing: border-box;\n\n  overflow: hidden;\n\n  /* So that the floating headers remain visible. */\n  background: var(--ui89-scene-bg-color);\n}\n\n.cell--column-first {\n  padding-left: var(--ui89-safe-space);\n}\n\n.cell--column-last {\n  padding-right: var(--ui89-safe-space);\n}\n\n.cell--row-first {\n  border-top: none;\n}\n\n.cell--row-last {\n  border-bottom: none;\n}\n"]}

package/dist/esm/index.d.ts

@@ -1,6 +1,7 @@
 import "./style/global.css";
 export { Ui89Theme, Ui89Look } from "./theme";
-export { Ui89ThemeBackground } from "./components/Ui89ThemeBackground";
+export type { Ui89BreadcrumbsProps, Ui89BreadcrumbsPropsItem, Ui89BreadcrumbsPropsOnSelect, } from "./components/Ui89Breadcrumbs";
+export { Ui89Breadcrumbs } from "./components/Ui89Breadcrumbs";
 export { Ui89Button } from "./components/Ui89Button";
 export { Ui89Card } from "./components/Ui89Card";
 export { Ui89HighlightText } from "./components/Ui89HighlightText";
@@ -9,12 +10,15 @@ export { Ui89InputTextNumber } from "./components/Ui89InputTextNumber";
 export type { Ui89MenuBarItem, Ui89MenuBarProps, } from "./components/Ui89MenuBar";
 export { Ui89MenuBar } from "./components/Ui89MenuBar";
 export { Ui89ModalDialog } from "./components/Ui89ModalDialog";
+export type { Ui89OverrideProviderProps } from "./Ui89Override";
+export { Ui89OverrideProvider } from "./Ui89Override";
 export { Ui89Scene } from "./components/Ui89Scene";
 export { Ui89Shortcut } from "./components/Ui89Shortcut";
 export { Ui89SpaceVertical } from "./components/Ui89SpaceVertical";
 export { Ui89TabbedCard } from "./components/Ui89TabbedCard";
 export { Ui89Tabs } from "./components/Ui89Tabs";
 export { Ui89TagBox } from "./components/Ui89TagBox";
+export { Ui89ThemeBackground } from "./components/Ui89ThemeBackground";
 export { Ui89TitleBox } from "./components/Ui89TitleBox";
 export { Ui89TitleUnderline } from "./components/Ui89TitleUnderline";
 export { Ui89VirtualTable } from "./components/Ui89VirtualTable";

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, useRef, useMemo, useEffect, forwardRef } from 'react';
+import React__default, { createContext, useContext, useState, useRef, useMemo, useEffect, forwardRef } from 'react';
 import Timeout from 'smart-timeout';
 import { VariableSizeGrid } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
@@ -19,29 +19,60 @@ var Ui89Look;
     Ui89Look["side"] = "side";
 })(Ui89Look || (Ui89Look = {}));
 
-var styles$e = {"background":"Ui89ThemeBackground-module_background__4C-5t"};
+var styles$f = {"breadcrumbs":"Ui89Breadcrumbs-module_breadcrumbs__3qjJ-","breadcrumbsItem":"Ui89Breadcrumbs-module_breadcrumbsItem__al4m-","breadcrumbsItemBackground":"Ui89Breadcrumbs-module_breadcrumbsItemBackground__mTAdT"};
+
+var typoStyles = {"big":"typo-module_big__NWXQv","normal":"typo-module_normal__a1-s-","normalBold":"typo-module_normalBold__6Mx0C","small":"typo-module_small__cdnMc","smallBold":"typo-module_smallBold__BRDCu","special":"typo-module_special__PiPuc"};
+
+var resetStyles = {"a":"reset-module_a__dpZ8C"};
 
 var chosenThemeStyles = {"primary":"chosen-theme-module_primary__GwEqU","secondary":"chosen-theme-module_secondary__DI5Gk","info":"chosen-theme-module_info__KYP2h","success":"chosen-theme-module_success__l3hFS","warning":"chosen-theme-module_warning__A7IOL","danger":"chosen-theme-module_danger__CZ3Iq"};
 
-function Ui89ThemeBackground({ theme = Ui89Theme.primary, children, }) {
-    return (React__default.createElement("div", { className: `${styles$e.background} ${chosenThemeStyles[theme]}` }, children));
+const Ui89OverrideContext = createContext({});
+const Ui89OverrideProvider = ({ routerPush, children, }) => {
+    return (React__default.createElement(Ui89OverrideContext.Provider, { value: { routerPush } }, children));
+};
+const useUi89Overrides = () => {
+    const context = useContext(Ui89OverrideContext);
+    if (context === undefined) {
+        throw new Error("useUi89Overrides must be used within a Ui89OverrideProvider");
+    }
+    return context;
+};
+
+function Ui89BreadcrumbsItem({ index, item, onSelect, }) {
+    item.url !== undefined ? "a" : "div";
+    const overrides = useUi89Overrides();
+    const onClick = (e) => {
+        if (item.url !== undefined) {
+            if (item.url.startsWith("/")) {
+                if (overrides.routerPush !== undefined) {
+                    e.preventDefault();
+                    overrides.routerPush(item.url);
+                }
+            }
+        }
+    };
+    return (React__default.createElement("a", { className: `${resetStyles.a} ${styles$f.breadcrumbsItem}`, href: item.url, style: { "--ui89-index": index }, onClick: onClick },
+        React__default.createElement("div", { className: styles$f.breadcrumbsItemBackground }),
+        item.label));
+}
+function Ui89Breadcrumbs({ theme = Ui89Theme.primary, items, onSelect, }) {
+    return (React__default.createElement("div", { className: `${styles$f.breadcrumbs} ${typoStyles.special} ${chosenThemeStyles[theme]}` }, [...items.entries()].reverse().map(([index, item]) => (React__default.createElement(Ui89BreadcrumbsItem, { key: index, index: index, item: item, onSelect: onSelect })))));
 }
 
-var styles$d = {"container":"Ui89Button-module_container__V4tWM","button":"Ui89Button-module_button__wl9cp","block":"Ui89Button-module_block__3sGjT","disabled":"Ui89Button-module_disabled__I5nOu","active":"Ui89Button-module_active__ZN0AN","size--normal":"Ui89Button-module_size--normal__Pht3J","size--small":"Ui89Button-module_size--small__-4-4v","click":"Ui89Button-module_click__INMSh"};
-
-var typoStyles = {"big":"typo-module_big__NWXQv","normal":"typo-module_normal__a1-s-","normalBold":"typo-module_normalBold__6Mx0C","small":"typo-module_small__cdnMc","smallBold":"typo-module_smallBold__BRDCu","special":"typo-module_special__PiPuc"};
+var styles$e = {"container":"Ui89Button-module_container__V4tWM","button":"Ui89Button-module_button__wl9cp","block":"Ui89Button-module_block__3sGjT","disabled":"Ui89Button-module_disabled__I5nOu","active":"Ui89Button-module_active__ZN0AN","size--normal":"Ui89Button-module_size--normal__Pht3J","size--small":"Ui89Button-module_size--small__-4-4v","click":"Ui89Button-module_click__INMSh"};
 
-var styles$c = {"hoverShadow":"HoverShadow-module_hoverShadow__-cRBn","hoverShadowRight":"HoverShadow-module_hoverShadowRight__u1rW-","hoverShadowBottom":"HoverShadow-module_hoverShadowBottom__mTTdA"};
+var styles$d = {"hoverShadow":"HoverShadow-module_hoverShadow__-cRBn","hoverShadowRight":"HoverShadow-module_hoverShadowRight__u1rW-","hoverShadowBottom":"HoverShadow-module_hoverShadowBottom__mTTdA"};
 
 function HoverShadow({ children, }) {
-    return (React__default.createElement("span", { className: styles$c.hoverShadow },
-        React__default.createElement("span", { className: styles$c.hoverShadowBottom }),
-        React__default.createElement("span", { className: styles$c.hoverShadowRight }),
+    return (React__default.createElement("span", { className: styles$d.hoverShadow },
+        React__default.createElement("span", { className: styles$d.hoverShadowBottom }),
+        React__default.createElement("span", { className: styles$d.hoverShadowRight }),
         children));
 }
 
-function Ui89Button({ theme = Ui89Theme.primary, size = "normal", block, onClick, href, children, autoDisableOnClick = true, disabled, activated, routerPush, }) {
-    //const router = useRouter()
+function Ui89Button({ theme = Ui89Theme.primary, size = "normal", block, onClick, href, children, autoDisableOnClick = true, disabled, activated, }) {
+    const overrides = useUi89Overrides();
     const [clicking, setClicking] = useState(false);
     let localDisabled = disabled || (autoDisableOnClick && clicking);
     async function onAnchorClick(e) {
@@ -57,9 +88,9 @@ function Ui89Button({ theme = Ui89Theme.primary, size = "normal", block, onClick
             setClicking(true);
             if (href !== undefined) {
                 if (href.startsWith("/")) {
-                    if (routerPush !== undefined) {
+                    if (overrides.routerPush !== undefined) {
                         e.preventDefault();
-                        routerPush(href);
+                        overrides.routerPush(href);
                     }
                 }
             }
@@ -90,39 +121,39 @@ function Ui89Button({ theme = Ui89Theme.primary, size = "normal", block, onClick
         }
     }
     let buttonClass = [
-        styles$d.button,
+        styles$e.button,
         typoStyles.special,
         chosenThemeStyles[theme],
-        styles$d["size--" + size],
-        activated ? styles$d.active : undefined,
-        block ? styles$d.block : undefined,
-        disabled ? styles$d.disabled : undefined,
-        clicking ? styles$d.active : undefined,
+        styles$e["size--" + size],
+        activated ? styles$e.active : undefined,
+        block ? styles$e.block : undefined,
+        disabled ? styles$e.disabled : undefined,
+        clicking ? styles$e.active : undefined,
     ].join(" ");
     if (href) {
-        return (React__default.createElement("span", { className: styles$d.container },
+        return (React__default.createElement("span", { className: styles$e.container },
             React__default.createElement(HoverShadow, null,
-                React__default.createElement("a", { className: buttonClass, href: href, onClick: onAnchorClick },
-                    React__default.createElement("span", { className: styles$d.click }),
+                React__default.createElement("a", { className: buttonClass, role: "button", href: href, onClick: onAnchorClick },
+                    React__default.createElement("span", { className: styles$e.click }),
                     children))));
     }
     else {
-        return (React__default.createElement("span", { className: styles$d.container },
+        return (React__default.createElement("span", { className: styles$e.container },
             React__default.createElement(HoverShadow, null,
                 React__default.createElement("button", { className: buttonClass, type: "button", onClick: onButtonClick, disabled: localDisabled },
-                    React__default.createElement("span", { className: styles$d.click }),
+                    React__default.createElement("span", { className: styles$e.click }),
                     children))));
     }
 }
 
-var styles$b = {"container":"Ui89Card-module_container__-8hhJ","containerHasTop":"Ui89Card-module_containerHasTop__UsQUD","inside":"Ui89Card-module_inside__91GoJ","topLeftCenter":"Ui89Card-module_topLeftCenter__r9PD6","topCenter":"Ui89Card-module_topCenter__SZWfR"};
+var styles$c = {"container":"Ui89Card-module_container__-8hhJ","containerHasTop":"Ui89Card-module_containerHasTop__UsQUD","inside":"Ui89Card-module_inside__91GoJ","topLeftCenter":"Ui89Card-module_topLeftCenter__r9PD6","topCenter":"Ui89Card-module_topCenter__SZWfR"};
 
 function Ui89Card({ topLeftCenter, topCenter, children, }) {
     const hasTopContent = topLeftCenter || topCenter;
-    return (React__default.createElement("div", { className: `${styles$b.container} ${hasTopContent ? styles$b.containerHasTop : ""}` },
-        React__default.createElement("div", { className: styles$b.inside },
-            topLeftCenter && (React__default.createElement("div", { className: styles$b.topLeftCenter }, topLeftCenter)),
-            topCenter && React__default.createElement("div", { className: styles$b.topCenter }, topCenter),
+    return (React__default.createElement("div", { className: `${styles$c.container} ${hasTopContent ? styles$c.containerHasTop : ""}` },
+        React__default.createElement("div", { className: styles$c.inside },
+            topLeftCenter && (React__default.createElement("div", { className: styles$c.topLeftCenter }, topLeftCenter)),
+            topCenter && React__default.createElement("div", { className: styles$c.topCenter }, topCenter),
             hasTopContent && React__default.createElement("div", { className: "space-vertical-1" }),
             children,
             hasTopContent && React__default.createElement("div", { className: "space-vertical-1" }))));
@@ -151,7 +182,7 @@ function throttledTimeout() {
     };
 }
 
-var styles$a = {"inputText":"Ui89InputText-module_inputText__J0AeV"};
+var styles$b = {"inputText":"Ui89InputText-module_inputText__J0AeV"};
 
 const THROTTLE_DELAY = 200;
 function Ui89InputText({ value, placeholder, autoTrim = true, onChange, onTyping, onFocus, onBlur, }) {
@@ -206,7 +237,7 @@ function Ui89InputText({ value, placeholder, autoTrim = true, onChange, onTyping
             onChange(newVal);
         });
     }
-    return (React__default.createElement("div", { className: styles$a.inputText },
+    return (React__default.createElement("div", { className: styles$b.inputText },
         React__default.createElement("input", { ref: inputRef, className: typoStyles.special, type: "text", value: intermediateValue, onChange: implOnChange, placeholder: placeholder })));
 }
 
@@ -275,22 +306,22 @@ emptyValue = null, value, min, max, onChange, precision, }) {
     return (React__default.createElement(Ui89InputText, { value: intermediateValue, onChange: implOnChange, onBlur: implOnBlur }));
 }
 
-var styles$9 = {"menuBar":"Ui89MenuBar-module_menuBar__IlnEP","menuBarItem":"Ui89MenuBar-module_menuBarItem__UVFg2"};
+var styles$a = {"menuBar":"Ui89MenuBar-module_menuBar__IlnEP","menuBarItem":"Ui89MenuBar-module_menuBarItem__UVFg2"};
 
 var scrollbarStyles = {"container":"scrollbar-module_container__q4x0n"};
 
 function Ui89MenuBar({ items }) {
-    return (React__default.createElement("div", { className: `${styles$9.menuBar} ${typoStyles.special} ${scrollbarStyles.container}` }, items.map((item, index) => {
+    return (React__default.createElement("div", { className: `${styles$a.menuBar} ${typoStyles.special} ${scrollbarStyles.container}` }, items.map((item, index) => {
         function onNativeClick() {
             if (item.onClick !== undefined) {
                 item.onClick();
             }
         }
-        return (React__default.createElement("div", { key: index, className: styles$9.menuBarItem, onClick: onNativeClick }, item.label));
+        return (React__default.createElement("div", { key: index, className: styles$a.menuBarItem, onClick: onNativeClick }, item.label));
     })));
 }
 
-var styles$8 = {"dialog":"Ui89ModalDialog-module_dialog__JtOw1","appear":"Ui89ModalDialog-module_appear__Xt-kk","dialog--open":"Ui89ModalDialog-module_dialog--open__9o2xZ","dialogBackdrop":"Ui89ModalDialog-module_dialogBackdrop__pw9Av","dialogBox":"Ui89ModalDialog-module_dialogBox__ilddn","spacer":"Ui89ModalDialog-module_spacer__fS17b","dialogBox--size-big":"Ui89ModalDialog-module_dialogBox--size-big__YT0xb","dialogBox--size-medium":"Ui89ModalDialog-module_dialogBox--size-medium__lZrJR","dialogBox--size-small":"Ui89ModalDialog-module_dialogBox--size-small__-2nH-"};
+var styles$9 = {"dialog":"Ui89ModalDialog-module_dialog__JtOw1","appear":"Ui89ModalDialog-module_appear__Xt-kk","dialog--open":"Ui89ModalDialog-module_dialog--open__9o2xZ","dialogBackdrop":"Ui89ModalDialog-module_dialogBackdrop__pw9Av","dialogBox":"Ui89ModalDialog-module_dialogBox__ilddn","spacer":"Ui89ModalDialog-module_spacer__fS17b","dialogBox--size-big":"Ui89ModalDialog-module_dialogBox--size-big__YT0xb","dialogBox--size-medium":"Ui89ModalDialog-module_dialogBox--size-medium__lZrJR","dialogBox--size-small":"Ui89ModalDialog-module_dialogBox--size-small__-2nH-"};
 
 var reactDom = {exports: {}};
 
@@ -31255,33 +31286,33 @@ function requireReactDom () {
 
 var reactDomExports = requireReactDom();
 
-var styles$7 = {"scene":"Ui89Scene-module_scene__5uNRp"};
+var styles$8 = {"scene":"Ui89Scene-module_scene__5uNRp"};
 
 var lookStyles = {"main":"look-module_main__dCtZk","side":"look-module_side__bCbry"};
 
 function Ui89Scene({ look = Ui89Look.main, children, }) {
-    return (React__default.createElement("div", { className: `${styles$7.scene} ${lookStyles[look]} ${typoStyles.normal} ${scrollbarStyles.container}` }, children));
+    return (React__default.createElement("div", { className: `${styles$8.scene} ${lookStyles[look]} ${typoStyles.normal} ${scrollbarStyles.container}` }, children));
 }
 
-var styles$6 = {"gridExpandTrick":"GridExpandTrick-module_gridExpandTrick__10Eg5"};
+var styles$7 = {"gridExpandTrick":"GridExpandTrick-module_gridExpandTrick__10Eg5"};
 
 function GridExpandTrick({ children, }) {
-    return React__default.createElement("span", { className: styles$6.gridExpandTrick }, children);
+    return React__default.createElement("span", { className: styles$7.gridExpandTrick }, children);
 }
 
-var styles$5 = {"scrollContainer":"ScrollContainer-module_scrollContainer__J82cj"};
+var styles$6 = {"scrollContainer":"ScrollContainer-module_scrollContainer__J82cj"};
 
 function ScrollContainer({ children, }) {
-    return React__default.createElement("span", { className: styles$5.scrollContainer }, children);
+    return React__default.createElement("span", { className: styles$6.scrollContainer }, children);
 }
 
 const portalRoot = typeof document !== "undefined" ? document.body : null;
 function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequestClose, }) {
     const dialogClass = useMemo(() => {
-        return [styles$8.dialog, open ? styles$8["dialog--open"] : ""].join(" ");
+        return [styles$9.dialog, open ? styles$9["dialog--open"] : ""].join(" ");
     }, [size, open]);
     const dialogBoxClass = useMemo(() => {
-        return [styles$8.dialogBox, styles$8[`dialogBox--size-${size}`]].join(" ");
+        return [styles$9.dialogBox, styles$9[`dialogBox--size-${size}`]].join(" ");
     }, [size, open]);
     function onClickBackdrop() {
         if (onRequestClose !== undefined) {
@@ -31289,9 +31320,9 @@ function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequest
         }
     }
     const vdom = (React__default.createElement("div", { className: dialogClass, role: "dialog" },
-        React__default.createElement("div", { className: styles$8.dialogBackdrop, role: "presentation", onClick: onClickBackdrop }),
+        React__default.createElement("div", { className: styles$9.dialogBackdrop, role: "presentation", onClick: onClickBackdrop }),
         React__default.createElement("div", { className: dialogBoxClass },
-            React__default.createElement("div", { className: styles$8.spacer }),
+            React__default.createElement("div", { className: styles$9.spacer }),
             React__default.createElement(HoverShadow, null,
                 React__default.createElement(GridExpandTrick, null,
                     React__default.createElement(Ui89Scene, null,
@@ -31302,7 +31333,7 @@ function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequest
 
 const SvgShortcut = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 100, height: 100, viewBox: "0 0 100 100", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0, y: 0, width: 100, height: 100, fill: "white" }), /* @__PURE__ */ React.createElement("line", { x1: 80, y1: 80, x2: 20, y2: 20, stroke: "black", strokeWidth: 15 }), /* @__PURE__ */ React.createElement("line", { x1: 20, y1: 20, x2: 50, y2: 20, stroke: "black", strokeWidth: 15, strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("line", { x1: 20, y1: 20, x2: 20, y2: 50, stroke: "black", strokeWidth: 15, strokeLinecap: "round" }));
 
-var styles$4 = {"container":"Ui89Shortcut-module_container__L07CL","label":"Ui89Shortcut-module_label__Q2ffs","imageContainer":"Ui89Shortcut-module_imageContainer__tCoZK","image":"Ui89Shortcut-module_image__f4Hsg","shortcutIconContainer":"Ui89Shortcut-module_shortcutIconContainer__t30jR","shortcutIcon":"Ui89Shortcut-module_shortcutIcon__SjZkr"};
+var styles$5 = {"container":"Ui89Shortcut-module_container__L07CL","label":"Ui89Shortcut-module_label__Q2ffs","imageContainer":"Ui89Shortcut-module_imageContainer__tCoZK","image":"Ui89Shortcut-module_image__f4Hsg","shortcutIconContainer":"Ui89Shortcut-module_shortcutIconContainer__t30jR","shortcutIcon":"Ui89Shortcut-module_shortcutIcon__SjZkr"};
 
 function Ui89SpaceVertical({ gap = 1 }) {
     const style = {
@@ -31315,25 +31346,25 @@ function Ui89Shortcut({ imageUrl, label, onClick = () => { }, }) {
     function onNativeClick() {
         onClick();
     }
-    return (React__default.createElement("div", { className: styles$4.container, onClick: onNativeClick },
-        React__default.createElement("div", { className: styles$4.imageContainer },
-            React__default.createElement("img", { className: styles$4.image, src: imageUrl }),
-            React__default.createElement("div", { className: styles$4.shortcutIconContainer },
-                React__default.createElement(SvgShortcut, { className: styles$4.shortcutIcon, width: 16, height: 16 }))),
+    return (React__default.createElement("div", { className: styles$5.container, onClick: onNativeClick },
+        React__default.createElement("div", { className: styles$5.imageContainer },
+            React__default.createElement("img", { className: styles$5.image, src: imageUrl }),
+            React__default.createElement("div", { className: styles$5.shortcutIconContainer },
+                React__default.createElement(SvgShortcut, { className: styles$5.shortcutIcon, width: 16, height: 16 }))),
         React__default.createElement(Ui89SpaceVertical, { gap: 1 }),
-        React__default.createElement("div", { className: `${styles$4.label} ${typoStyles.smallBold}`, onClick: onNativeClick }, label)));
+        React__default.createElement("div", { className: `${styles$5.label} ${typoStyles.smallBold}`, onClick: onNativeClick }, label)));
 }
 
-var styles$3 = {"navigation":"Ui89Tabs-module_navigation__y1WSG","navigationItem":"Ui89Tabs-module_navigationItem__keX-1","navigationItemSelected":"Ui89Tabs-module_navigationItemSelected__R7dba"};
+var styles$4 = {"navigation":"Ui89Tabs-module_navigation__y1WSG","navigationItem":"Ui89Tabs-module_navigationItem__keX-1","navigationItemSelected":"Ui89Tabs-module_navigationItemSelected__R7dba"};
 
 function Ui89Tabs({ selected, onChange = () => { }, items = [], }) {
     function handleOnChange(value) {
         onChange(value);
     }
-    return (React__default.createElement("div", { className: styles$3.navigation }, items.map((item) => (React__default.createElement("div", { className: [
-            styles$3.navigationItem,
+    return (React__default.createElement("div", { className: styles$4.navigation }, items.map((item) => (React__default.createElement("div", { className: [
+            styles$4.navigationItem,
             typoStyles.smallBold,
-            selected === item.value ? styles$3.navigationItemSelected : "",
+            selected === item.value ? styles$4.navigationItemSelected : "",
         ].join(" "), key: item.value, onClick: () => handleOnChange(item.value) }, item.label)))));
 }
 
@@ -31357,6 +31388,12 @@ function Ui89TagBox({ theme, children, }) {
     return (React__default.createElement("div", { className: `${style.container} ${typoStyles.special} ${chosenThemeStyles[theme]}` }, children));
 }
 
+var styles$3 = {"background":"Ui89ThemeBackground-module_background__4C-5t"};
+
+function Ui89ThemeBackground({ theme = Ui89Theme.primary, children, }) {
+    return (React__default.createElement("div", { className: `${styles$3.background} ${chosenThemeStyles[theme]}` }, children));
+}
+
 var styles$2 = {"container":"Ui89TitleBox-module_container__M-b7J","inside":"Ui89TitleBox-module_inside__GWTlP"};
 
 var textStyles = {"unbreakable":"text-module_unbreakable__3eDe3","ellipsis":"text-module_ellipsis__3-f-B","singleLine":"text-module_singleLine__X6pYL"};
@@ -31433,5 +31470,5 @@ function Ui89VirtualTable(props) {
         React__default.createElement(Ui89TagBox, { theme: "warn" }, "Empty")))));
 }
 
-export { Ui89Button, Ui89Card, Ui89HighlightText, Ui89InputText, Ui89InputTextNumber, Ui89Look, Ui89MenuBar, Ui89ModalDialog, Ui89Scene, Ui89Shortcut, Ui89SpaceVertical, Ui89TabbedCard, Ui89Tabs, Ui89TagBox, Ui89Theme, Ui89ThemeBackground, Ui89TitleBox, Ui89TitleUnderline, Ui89VirtualTable };
+export { Ui89Breadcrumbs, Ui89Button, Ui89Card, Ui89HighlightText, Ui89InputText, Ui89InputTextNumber, Ui89Look, Ui89MenuBar, Ui89ModalDialog, Ui89OverrideProvider, Ui89Scene, Ui89Shortcut, Ui89SpaceVertical, Ui89TabbedCard, Ui89Tabs, Ui89TagBox, Ui89Theme, Ui89ThemeBackground, Ui89TitleBox, Ui89TitleUnderline, Ui89VirtualTable };
 //# sourceMappingURL=index.js.map