nuxt-hs-ui 2.12.7 → 4.0.0

package/dist/runtime/utils/dayjs.d.ts

@@ -1,9 +1,10 @@
-import dayjs from "dayjs/esm/index";
-export type Dayjs = dayjs.Dayjs;
-export type QUnitType = dayjs.QUnitType;
-export type OpUnitType = dayjs.OpUnitType;
-export declare const DayjsInit: (f?: boolean) => void;
-export declare const defaultTimezone = "Asia/Tokyo";
+import _dayjs from 'dayjs/esm/index';
+import ja from 'dayjs/esm/locale/ja.js';
+export declare const dayjs: typeof _dayjs;
+export type Dayjs = _dayjs.Dayjs;
+export type QUnitType = _dayjs.QUnitType;
+export type OpUnitType = _dayjs.OpUnitType;
+export declare const DayjsInit: (f?: boolean, defaultTimezone?: string) => void;
 /** dayjsオブジェクト生成 */
 export declare const Dayjs: (arg?: string | number | Dayjs | Date | null | undefined, format?: string | undefined) => Dayjs;
 /** dayjsオブジェクト生成
@@ -37,6 +38,7 @@ export declare const DayjsFormat: (date: string | null | Date, f?: string, nullT
  */
 export declare const DayjsFormatNullable: (date: string | null | Date, f?: string) => string | null;
 export declare const DayjsSetLocal: (lang?: "ja" | "en") => void;
+export declare const GetLocal: (lang?: "ja" | "en") => ja.Locale;
 export declare const DayjsSetTimezone: (tz?: string) => void;
 /** Prismaの日付型の条件式を生成する関数 */
 export declare const DayjsBetweenWhereQuery: (arg: {

package/dist/runtime/utils/dayjs.js

@@ -1,11 +1,12 @@
-import dayjs from "dayjs/esm/index";
+import _dayjs from "dayjs/esm/index";
 import utc from "dayjs/esm/plugin/utc";
 import timezone from "dayjs/esm/plugin/timezone";
 import advancedFormat from "dayjs/esm/plugin/advancedFormat";
 import ja from "dayjs/esm/locale/ja.js";
 import en from "dayjs/esm/locale/en.js";
+export const dayjs = _dayjs;
 let init = false;
-export const DayjsInit = (f = false) => {
+export const DayjsInit = (f = false, defaultTimezone = "Asia/Tokyo") => {
   if (init && !f) return;
   init = true;
   dayjs.extend(utc);
@@ -14,7 +15,6 @@ export const DayjsInit = (f = false) => {
   dayjs.tz.setDefault(defaultTimezone);
   dayjs.locale(ja);
 };
-export const defaultTimezone = "Asia/Tokyo";
 export const Dayjs = (arg, format) => {
   if (arg === null || arg === void 0) return dayjs(arg, format);
   return dayjs(arg, format);
@@ -47,7 +47,7 @@ export const DayjsDiff = (date, diff, unit) => {
     return null;
   }
 };
-export const GetTimeShiftValue = (date, timeZone = defaultTimezone) => {
+export const GetTimeShiftValue = (date, timeZone = "Asia/Tokyo") => {
   if (date === null) return 0;
   const format = `YYYY-MM-DD HH:mm`;
   const a = date.format(format);
@@ -98,7 +98,14 @@ export const DayjsSetLocal = (lang) => {
     dayjs.locale(ja);
   }
 };
-export const DayjsSetTimezone = (tz = defaultTimezone) => {
+export const GetLocal = (lang) => {
+  if (lang === "en") {
+    return en;
+  } else {
+    return ja;
+  }
+};
+export const DayjsSetTimezone = (tz = "Asia/Tokyo") => {
   dayjs.tz.setDefault(tz);
 };
 export const DayjsBetweenWhereQuery = (arg) => {

package/dist/runtime/utils/modal.d.ts

@@ -38,46 +38,27 @@ onMounted(() => {
 });
 
 -------------------------------------------- */
-type OptionalFunction<T> = ((state: T) => undefined | boolean) | ((state: T) => Promise<undefined | boolean>) | null;
+type OptionalFunction<T> = ((state?: T) => void) | ((state?: T) => boolean) | ((state?: T) => Promise<boolean>) | ((state?: T) => Promise<void>);
+type OptionalAfterFunction<T> = (state?: T) => Promise<void> | void;
 export interface ModalControl<T = any> {
-    /**
-     * showBefre,showAfter がasync付きならasync付き関数になります。
-     */
-    show: (() => undefined) | (() => Promise<undefined>);
+    show: () => Promise<undefined>;
     /**
      * showBefore モーダルが開く前に実行される関数
      * - true をreturnするとモーダルを開く処理は中止される
      */
-    showBefore: OptionalFunction<T>;
-    showAfter: OptionalFunction<T>;
-    /**
-     * closeBefore,closeAfter がasync付きならasync付き関数になります。
-     */
-    close: (() => undefined) | (() => Promise<undefined>);
+    showBefore: OptionalFunction<T> | null;
+    showAfter: OptionalAfterFunction<T> | null;
+    close: () => Promise<undefined>;
     /**
      * closeBefore モーダルが閉じる前に実行される関数
      * - true をreturnするとモーダルを閉じる処理は中止される
      */
-    closeBefore: OptionalFunction<T>;
-    closeAfter: OptionalFunction<T>;
+    closeBefore: OptionalFunction<T> | null;
+    closeAfter: OptionalAfterFunction<T> | null;
     isShow: boolean;
     state: T;
 }
-export declare const InitModalControl: <T = any>(arg?: {
-    state?: T;
-    /**
-     * showBefore モーダルが開く前に実行される関数
-     * - true をreturnするとモーダルを開く処理は中止される
-     */
-    showBefore?: OptionalFunction<T>;
-    showAfter?: OptionalFunction<T>;
-    /**
-     * closeBefore モーダルが閉じる前に実行される関数
-     * - true をreturnするとモーダルを閉じる処理は中止される
-     */
-    closeBefore?: OptionalFunction<T>;
-    closeAfter?: OptionalFunction<T>;
-}) => ModalControl<T>;
+export declare const InitModalControl: <T = any>(state?: T) => ModalControl<T>;
 /**
  * modalオブジェクトの初期化
  * @param modal ModalControlが含まれるReactiveオブジェクト

package/dist/runtime/utils/modal.js

@@ -1,4 +1,4 @@
-export const InitModalControl = (arg) => {
+export const InitModalControl = (state) => {
   const noneInitMessage = "\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093";
   return {
     show: () => console.log("[show]" + noneInitMessage),
@@ -8,31 +8,15 @@ export const InitModalControl = (arg) => {
     closeBefore: null,
     closeAfter: null,
     isShow: false,
-    state: null,
-    ...arg
+    state: state || null
   };
 };
-const isAsync = (func) => {
-  try {
-    if (func === null) return false;
-    if (func === void 0) return false;
-    if (!("constructor" in func)) return false;
-    return func.constructor.name === "AsyncFunction";
-  } catch {
-    return false;
-  }
-};
 export const InitModals = (modal, nextTick) => {
   Object.keys(modal).forEach((key) => {
     const m = modal[key];
     m.show = async () => {
       if (m.showBefore) {
-        if (isAsync(m.showBefore)) {
-          if (await m.showBefore(m.state) === true) {
-            console.info("\u30E2\u30FC\u30C0\u30EB\u306EShow\u52D5\u4F5C\u306F\u30AD\u30E3\u30F3\u30BB\u30EB\u3055\u308C\u307E\u3057\u305F");
-            return;
-          }
-        } else if (m.showBefore(m.state) === true) {
+        if (await m.showBefore(m.state) === true) {
           console.info("\u30E2\u30FC\u30C0\u30EB\u306EShow\u52D5\u4F5C\u306F\u30AD\u30E3\u30F3\u30BB\u30EB\u3055\u308C\u307E\u3057\u305F");
           return;
         }
@@ -40,20 +24,11 @@ export const InitModals = (modal, nextTick) => {
       m.isShow = true;
       if (!m.showAfter) return;
       await nextTick();
-      if (isAsync(m.showAfter)) {
-        await m.showAfter(m.state);
-      } else {
-        m.showAfter(m.state);
-      }
+      await m.showAfter(m.state);
     };
     m.close = async () => {
       if (m.closeBefore) {
-        if (isAsync(m.closeBefore)) {
-          if (await m.closeBefore(m.state) === true) {
-            console.info("\u30E2\u30FC\u30C0\u30EB\u306EClose\u52D5\u4F5C\u306F\u30AD\u30E3\u30F3\u30BB\u30EB\u3055\u308C\u307E\u3057\u305F");
-            return;
-          }
-        } else if (m.closeBefore(m.state) === true) {
+        if (await m.closeBefore(m.state) === true) {
           console.info("\u30E2\u30FC\u30C0\u30EB\u306EClose\u52D5\u4F5C\u306F\u30AD\u30E3\u30F3\u30BB\u30EB\u3055\u308C\u307E\u3057\u305F");
           return;
         }
@@ -61,12 +36,8 @@ export const InitModals = (modal, nextTick) => {
       m.isShow = false;
       await nextTick();
       if (!m.closeAfter) return;
-      if (isAsync(m.closeAfter)) {
-        await m.closeAfter(m.state);
-      } else {
-        m.closeAfter(m.state);
-      }
-      return void 0;
+      await m.closeAfter(m.state);
+      return;
     };
   });
 };

package/dist/runtime/utils/multi-lang-object.d.ts

@@ -1,5 +1,5 @@
-import type { SelectItem } from "./select-item.js";
-import { type MultiLang } from "./multi-lang.js";
+import type { SelectItem } from './select-item.js';
+import { type MultiLang } from './multi-lang.js';
 export type KeyNumber = {
     [key: string]: number;
 };

package/dist/runtime/utils/multi-lang-object.js

@@ -11,11 +11,7 @@ export const ValueToTextByMap = (keyMultilang, code, lang, fallBackLang) => {
     if (lang === void 0) {
       return keyMultilang[code];
     } else if (lang in keyMultilang[code]) {
-      return GetTextByMultiLang(
-        keyMultilang[code],
-        lang,
-        fallBackLang
-      );
+      return GetTextByMultiLang(keyMultilang[code], lang, fallBackLang);
     }
   }
   return "";

package/dist/runtime/utils/multi-lang.js

@@ -6,21 +6,15 @@ export const GetTextByMultiLang = (text, lang, fallBackLang, showLog) => {
     return String(text);
   }
   if (lang in text) {
-    return text[lang];
+    return text[lang] || "";
   } else if (fallBackLang !== void 0 && fallBackLang in text) {
     if (showLog === true) {
-      console.error(
-        `GetTextByMultiLang :: Language fallback [${lang} -> en]`,
-        text
-      );
+      console.error(`GetTextByMultiLang :: Language fallback [${lang} -> en]`, text);
     }
     return text[fallBackLang] || "";
   } else {
     if (showLog === true) {
-      console.error(
-        `GetTextByMultiLang :: Language Error    [${lang} -> en]`,
-        text
-      );
+      console.error(`GetTextByMultiLang :: Language Error    [${lang} -> en]`, text);
     }
     return JSON.stringify(text);
   }
@@ -28,11 +22,9 @@ export const GetTextByMultiLang = (text, lang, fallBackLang, showLog) => {
 export const JoinMultiLang = (list, seq = "\n") => {
   if (Array.isArray(list) === false) return "";
   if (list.length === 0) return "";
-  const temp = list.map(
-    (row) => {
-      return { type: isObject(row) ? "object" : "string", multiLang: row };
-    }
-  );
+  const temp = list.map((row) => {
+    return { type: isObject(row) ? "object" : "string", multiLang: row };
+  });
   const langList = temp.reduce((ret, row) => {
     if (row.type === "string") return ret;
     Object.keys(row.multiLang).forEach((key) => {
@@ -51,6 +43,7 @@ export const JoinMultiLang = (list, seq = "\n") => {
     if (row.type === "string") {
       if (row.multiLang !== "") {
         langList.forEach((lang) => {
+          multiData[lang] ||= [];
           multiData[lang].push(String(row.multiLang));
         });
       }
@@ -59,24 +52,21 @@ export const JoinMultiLang = (list, seq = "\n") => {
         const langText = row.multiLang;
         if (lang in langText) {
           if (!langText[lang]) return;
+          multiData[lang] ||= [];
           multiData[lang].push(langText[lang]);
         } else if ("ja" in langText) {
           if (!langText.ja) return;
+          multiData[lang] ||= [];
           multiData[lang].push(langText.ja);
-          console.error(
-            `JoinMultiLang :: Language fallback [${lang} -> ja]`,
-            row.multiLang
-          );
+          console.error(`JoinMultiLang :: Language fallback [${lang} -> ja]`, row.multiLang);
         } else {
-          console.error(
-            `JoinMultiLang :: Language Error    [${lang} -> ja]`,
-            row.multiLang
-          );
+          console.error(`JoinMultiLang :: Language Error    [${lang} -> ja]`, row.multiLang);
         }
       });
     }
   });
   return Object.keys(multiData).reduce((ret, lang) => {
+    multiData[lang] ||= [];
     ret[lang] = multiData[lang].join(seq);
     return ret;
   }, {});

package/dist/runtime/utils/object.js

@@ -45,7 +45,7 @@ export const ObjectCompare = (a, b) => {
     }
     const sorted = Object.entries(obj).sort();
     for (const i in sorted) {
-      const val = sorted[i][1];
+      const val = sorted?.[i]?.[1] || void 0;
       if (typeof val === "object") {
         sorted[i][1] = objectSort(val);
       }

package/dist/runtime/utils/select-item.d.ts

@@ -1,4 +1,4 @@
-import type { MultiLang } from "./multi-lang.js";
+import type { MultiLang } from './multi-lang.js';
 export interface SelectItem<IdType extends number | string = number> {
     readonly id: IdType;
     /**
@@ -20,6 +20,8 @@ export interface SelectItem<IdType extends number | string = number> {
      *
      */
     hidden?: boolean;
+    groupId?: string;
+    groupLabel?: MultiLang;
     /**
      * 削除非表示 : true = 非表示。
      * ただし選択要素は表示する

package/dist/runtime/utils/stop-watch.js

@@ -5,14 +5,16 @@ const convertms = (i) => {
   } else {
     let ret = a[0];
     ret += ".";
-    if (a[1].length === 1) {
+    if (a[1]?.length === 1) {
       return ret + a[1] + "00";
-    } else if (a[1].length === 2) {
+    } else if (a[1]?.length === 2) {
       return ret + a[1] + "0";
-    } else if (a[1].length === 3) {
+    } else if (a[1]?.length === 3) {
       return ret + a[1];
-    } else {
+    } else if (a[1]) {
       return ret + a[1].slice(-3);
+    } else {
+      return ret;
     }
   }
 };

package/dist/runtime/utils/string.js

@@ -6,7 +6,7 @@ export const CutLen = (text, len, addWard = "") => {
 export const LenB = (str) => {
   let len = 0;
   for (let i = 0; i < str.length; i++) {
-    if (str[i].match(/[ -~]/)) {
+    if (str[i]?.match(/[ -~]/)) {
       len += 1;
     } else {
       len += 2;
@@ -20,7 +20,7 @@ export const CutLenB = (text, len, w = void 0) => {
   w = w === void 0 ? "..." : w;
   let tempStr = "";
   for (let i = 0; i < text.length; i++) {
-    if (text[i].match(/[ -~]/)) {
+    if (text[i]?.match(/[ -~]/)) {
       if (LenB(tempStr + w) + 1 > len) {
         break;
       }
@@ -41,7 +41,7 @@ export const PaddingLeft = (text, len, w, ryaku = "") => {
   } else {
     let str = "";
     for (let i = 0; i < text.length; i++) {
-      if (text[text.length - i - 1].match(/[ -~]/)) {
+      if (text[text.length - i - 1]?.match(/[ -~]/)) {
         if (LenB(str) + 1 > len) {
           break;
         }
@@ -63,7 +63,7 @@ export const PaddingRight = (text, len, w, ryaku = "") => {
   } else {
     let str = "";
     for (let i = 0; i < text.length; i++) {
-      if (text[i].match(/[ -~]/)) {
+      if (text[i]?.match(/[ -~]/)) {
         if (LenB(str) + 1 > len) {
           break;
         }

package/dist/runtime/utils/tabulator.d.ts

@@ -1,17 +1,4 @@
-export type { TabulatorFull as Tabulator } from "tabulator-tables";
-import { type Theme } from "../utils/theme.js";
-/**
- * セル内部にボタンを配置した時用
- */
-export declare const cellMouseOut: (e: any) => void;
-/**
- * セル内部にボタンを配置した時用
- */
-export declare const cellMouseUp: (e: any) => void;
-/**
- * セル内部にボタンを配置した時用
- */
-export declare const cellMouseDown: (e: any) => void;
+export type { TabulatorFull as Tabulator } from 'tabulator-tables';
 export interface SortItem<T> {
     key: T;
     order: 1 | -1;
@@ -41,9 +28,6 @@ export declare const TabulatorInitEmitFunc: () => {
 };
 export declare const Option: (option?: any) => any;
 export declare const Func: {
-    cellMouseOut: (e: any) => void;
-    cellMouseUp: (e: any) => void;
-    cellMouseDown: (e: any) => void;
     ColumnsDisplay: (field?: string | undefined, width?: number | undefined) => {
         headerSort: boolean;
         download: boolean;
@@ -60,9 +44,6 @@ export declare const Func: {
     Option: (option?: any) => any;
 };
 export declare const TabulatorFunc: {
-    cellMouseOut: (e: any) => void;
-    cellMouseUp: (e: any) => void;
-    cellMouseDown: (e: any) => void;
     ColumnsDisplay: (field?: string | undefined, width?: number | undefined) => {
         headerSort: boolean;
         download: boolean;
@@ -85,28 +66,6 @@ export declare const ReplaceFolderName: (str: string) => string;
 export declare const SortIconClassName: <T>(uid: string) => (key: T) => string;
 export declare const GetCellHtml: (html: string, style?: string) => string;
 export declare const GetHeaderHtml: (html: string, style?: string) => string;
-/** Data-Row-Table ボタン列 */
-export declare const GetListTableBtnSetting: (arg: {
-    detailUrl: string | null;
-    mode: "select" | "detail";
-    actionBtnTheme: Theme;
-    componentName: string;
-    TabulatorFunc: typeof TabulatorFunc;
-    emit: any;
-    size: string;
-}) => {
-    title: string;
-    formatter: (cell: any) => string;
-    cellClick: (e: any, cell: any) => void;
-    cellMouseUp: (e: any) => void;
-    cellMouseOut: (e: any) => void;
-    cellMouseDown: (e: any) => void;
-    headerSort: boolean;
-    download: boolean;
-    field: string | undefined;
-    width: string | undefined;
-    minWidth: string | undefined;
-};
 /** List用 並べ替え処理 */
 export declare const ListOriginSortItems: <T>(arg: {
     a: T;

package/dist/runtime/utils/tabulator.js

@@ -1,38 +1,4 @@
-import { Int } from "./number.js";
 import { ObjectCopy } from "./object.js";
-import { useHsMultiLang } from "../composables/use-hs-multi-lang.js";
-import { GetGolorCode } from "../utils/theme.js";
-export const cellMouseOut = (e) => {
-  const elm = e.target;
-  const overlays = elm.querySelectorAll("span.overlay");
-  Array.from(overlays).forEach((child) => {
-    child.classList.remove("flash");
-  });
-};
-export const cellMouseUp = (e) => {
-  const elm = e.target;
-  const overlays = elm.querySelectorAll("span.overlay");
-  Array.from(overlays).forEach((child) => {
-    child.classList.remove("flash");
-  });
-};
-export const cellMouseDown = (e) => {
-  const elm = e.target;
-  if (elm.classList.contains("table-cell-btn") === true) {
-    const offsetX = e.offsetX;
-    const offsetY = e.offsetY;
-    const width = Int(elm.clientWidth) + 20;
-    const overlays = elm.querySelectorAll("span.overlay");
-    Array.from(overlays).forEach((child) => {
-      child.style.top = `${-width + offsetY}px`;
-      child.style.left = `${-width + offsetX}px`;
-      child.style.width = `${width * 2}px`;
-      child.style.height = `${width * 2}px`;
-      child.classList.add("flash");
-      setTimeout(() => child.classList.remove("flash"), 1e4);
-    });
-  }
-};
 export const ColumnsPropsDisplay = {
   headerSort: false,
   download: false
@@ -164,9 +130,6 @@ export const Option = (option) => {
   );
 };
 export const Func = {
-  cellMouseOut,
-  cellMouseUp,
-  cellMouseDown,
   ColumnsDisplay,
   InitEmitFunc,
   Option
@@ -187,68 +150,8 @@ export const SortIconClassName = (uid) => {
     return `table-sort-${uid}-` + key;
   };
 };
-export const GetCellHtml = (html, style = "") => `<div class="v-cell-container" style="--row-height:28px;${style}">{replace}</div>`.replace(
-  /\{replace\}/g,
-  html
-);
-export const GetHeaderHtml = (html, style = "") => `<div class="v-cell-container" style="--row-height:28px;${style}">{replace}</div>`.replace(
-  /\{replace\}/g,
-  html
-);
-export const GetListTableBtnSetting = (arg) => {
-  const {
-    detailUrl,
-    mode,
-    actionBtnTheme,
-    componentName,
-    TabulatorFunc: TabulatorFunc2,
-    emit,
-    size
-  } = arg;
-  const storeMultiLang = useHsMultiLang();
-  const tx = storeMultiLang.tx;
-  return {
-    ...TabulatorFunc2.ColumnsDisplay("", 100),
-    title: ``,
-    formatter: (cell) => {
-      const row = cell.getRow().getData();
-      const herf = (() => {
-        if (mode !== "detail") return "";
-        if (!detailUrl) return "";
-        return `href="${detailUrl.replace(/new$/, "")}${row.pId}"`;
-      })();
-      const style = [
-        `border:solid 2px ${GetGolorCode(actionBtnTheme)}`,
-        `color:${GetGolorCode(actionBtnTheme)}`,
-        `width:100%`
-      ].join(";");
-      const overlayBg = `bg-${actionBtnTheme}`;
-      const caption = mode === "detail" ? tx({ ja: "\u8A73\u7D30", en: "Detail" }).value : tx({ ja: "\u9078\u629E", en: "Select" }).value;
-      const icon = mode === "detail" ? `<i class="fa-solid fa-window-restore me-1"></i>` : `<i class="fa-solid fa-pen-to-square me-1"></i>`;
-      return GetCellHtml(`
-<div class="v-cell-row" style="--row-size:${size};">
-<div class="v-cell" style="width:100%">
-<a class="table-cell-btn cursor-pointer" style="${style}" onclick="window.${componentName}_func(event);" ${herf}>
-${icon}${caption}
-<span class='overlay ${overlayBg}'></span>
-</a>
-</div>
-</div>
-    `);
-    },
-    cellClick: (e, cell) => {
-      if (window[`${componentName}_flag`] === true) return;
-      const row = cell.getRow().getData();
-      if (e.target.classList.contains("table-cell-btn") === true) {
-        emit("selected-id", row.id);
-        emit("select-private-id", row.pId);
-      }
-    },
-    cellMouseUp: TabulatorFunc2.cellMouseUp,
-    cellMouseOut: TabulatorFunc2.cellMouseOut,
-    cellMouseDown: TabulatorFunc2.cellMouseDown
-  };
-};
+export const GetCellHtml = (html, style = "") => `<div class="v-cell-container" style="--row-height:28px;${style}">{replace}</div>`.replace(/\{replace\}/g, html);
+export const GetHeaderHtml = (html, style = "") => `<div class="v-cell-container" style="--row-height:28px;${style}">{replace}</div>`.replace(/\{replace\}/g, html);
 export const ListOriginSortItems = (arg) => {
   const { a, b, sortCount, SortReverse, sort } = arg;
   for (let i = 0; i < sortCount; i++) {

package/dist/runtime/utils/theme.d.ts

@@ -1,21 +1,21 @@
-export declare const Theme: {
-    readonly main0: "main0";
-    readonly main1: "main1";
-    readonly main2: "main2";
-    readonly main3: "main3";
-    readonly accent1: "accent1";
-    readonly accent2: "accent2";
-    readonly info: "info";
-    readonly link: "link";
-    readonly download: "download";
-    readonly success: "success";
-    readonly warn: "warn";
-    readonly error: "error";
-    readonly white: "white";
-    readonly black: "black";
-    readonly dark: "dark";
-    readonly back: "back";
+import type { ThemeColor } from '#build/nuxt-hs-ui-next/types/theme';
+export declare const GetColorCode: (theme: ThemeColor) => string;
+export type { ThemeColor } from '#build/nuxt-hs-ui-next/types/theme';
+export declare const Theme: Record<ThemeColor, ThemeColor>;
+export declare function GetTextColor(bgHex: string, over?: string): '#000000' | '#ffffff';
+export declare function pickTextColor(bgHex: string, over?: string): '#000000' | '#ffffff';
+export declare function lighten(hex: string, delta?: number): string;
+export declare function darken(hex: string, delta?: number): string;
+export declare const microLighten: (hex: string) => string;
+export declare const microDarken: (hex: string) => string;
+export declare function MakeAlertColors(baseHex: string, opts?: {
+    tone?: 'soft' | 'ink';
+    bgDelta?: number;
+    inkDelta?: number;
+    borderDelta?: number;
+    over?: string;
+}): {
+    bg: string;
+    text: string;
+    border: string;
 };
-export type Theme = (typeof Theme)[keyof typeof Theme];
-export declare const ThemeKyes: [keyof typeof Theme];
-export declare const GetGolorCode: (code: string) => any;