origam 2.2.1 → 2.3.0

package/dist/src/nuxt/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _module.default;
+  }
+});
+var _module = _interopRequireDefault(require("./module.cjs"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/nuxt/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './module';
+export type { IOrigamNuxtModuleOptions, IOrigamNuxtRuntimeConfig } from '../interfaces';

package/dist/src/nuxt/index.js

@@ -0,0 +1 @@
+export { default } from "./module.js";

package/dist/src/nuxt/module.cjs

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _kit = require("@nuxt/kit");
+const MODULE_NAME = "origam-nuxt";
+const CONFIG_KEY = "origam";
+const DEFAULTS = {
+  themes: ["light", "dark"],
+  defaultTheme: "auto",
+  cookieName: "origam-theme",
+  cookieMaxAge: 60 * 60 * 24 * 365,
+  autoImport: true,
+  includeUtilities: true,
+  prefix: "Origam"
+};
+module.exports = (0, _kit.defineNuxtModule)({
+  meta: {
+    name: MODULE_NAME,
+    configKey: CONFIG_KEY,
+    compatibility: {
+      nuxt: "^3.0.0 || ^4.0.0"
+    }
+  },
+  defaults: DEFAULTS,
+  setup(options, nuxt) {
+    const resolver = (0, _kit.createResolver)(require('url').pathToFileURL(__filename).toString());
+    const themes = options.themes ?? DEFAULTS.themes;
+    const defaultTheme = options.defaultTheme ?? DEFAULTS.defaultTheme;
+    const cookieName = options.cookieName ?? DEFAULTS.cookieName;
+    const cookieMaxAge = options.cookieMaxAge ?? DEFAULTS.cookieMaxAge;
+    const autoImport = options.autoImport ?? DEFAULTS.autoImport;
+    const includeUtilities = options.includeUtilities ?? DEFAULTS.includeUtilities;
+    nuxt.options.css = nuxt.options.css || [];
+    if (!nuxt.options.css.includes("origam/tokens/css/primitive")) {
+      nuxt.options.css.unshift("origam/tokens/css/primitive");
+    }
+    for (const theme of themes) {
+      const cssId = `origam/tokens/css/${theme}`;
+      if (!nuxt.options.css.includes(cssId)) {
+        nuxt.options.css.push(cssId);
+      }
+    }
+    if (includeUtilities && !nuxt.options.css.includes("origam/tokens/css/utilities")) {
+      nuxt.options.css.push("origam/tokens/css/utilities");
+    }
+    (0, _kit.addPlugin)({
+      src: resolver.resolve("./plugin.server"),
+      mode: "server"
+    });
+    (0, _kit.addPlugin)({
+      src: resolver.resolve("./plugin.client"),
+      mode: "client"
+    });
+    if (autoImport) {
+      (0, _kit.addImportsDir)(resolver.resolve("../composables"));
+      (0, _kit.addComponentsDir)({
+        path: resolver.resolve("../components"),
+        prefix: "",
+        pathPrefix: false,
+        global: false
+      });
+    }
+    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
+    nuxt.options.runtimeConfig.public.origam = {
+      themes,
+      defaultTheme,
+      cookieName,
+      cookieMaxAge
+    };
+  }
+});

package/dist/src/nuxt/module.d.ts

@@ -0,0 +1,31 @@
+import type { IOrigamNuxtModuleOptions, IOrigamNuxtRuntimeConfig } from '../interfaces'
+
+declare module '@nuxt/schema' {
+    interface NuxtConfig {
+        origam?: IOrigamNuxtModuleOptions
+    }
+
+    interface NuxtOptions {
+        origam?: IOrigamNuxtModuleOptions
+    }
+
+    interface PublicRuntimeConfig {
+        origam: IOrigamNuxtRuntimeConfig
+    }
+}
+
+declare module 'nuxt/schema' {
+    interface NuxtConfig {
+        origam?: IOrigamNuxtModuleOptions
+    }
+
+    interface NuxtOptions {
+        origam?: IOrigamNuxtModuleOptions
+    }
+
+    interface PublicRuntimeConfig {
+        origam: IOrigamNuxtRuntimeConfig
+    }
+}
+
+export { IOrigamNuxtModuleOptions, IOrigamNuxtRuntimeConfig }

package/dist/src/nuxt/module.js

@@ -0,0 +1,68 @@
+import { addComponentsDir, addImportsDir, addPlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
+const MODULE_NAME = "origam-nuxt";
+const CONFIG_KEY = "origam";
+const DEFAULTS = {
+  themes: ["light", "dark"],
+  defaultTheme: "auto",
+  cookieName: "origam-theme",
+  cookieMaxAge: 60 * 60 * 24 * 365,
+  autoImport: true,
+  includeUtilities: true,
+  prefix: "Origam"
+};
+export default defineNuxtModule({
+  meta: {
+    name: MODULE_NAME,
+    configKey: CONFIG_KEY,
+    compatibility: {
+      nuxt: "^3.0.0 || ^4.0.0"
+    }
+  },
+  defaults: DEFAULTS,
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    const themes = options.themes ?? DEFAULTS.themes;
+    const defaultTheme = options.defaultTheme ?? DEFAULTS.defaultTheme;
+    const cookieName = options.cookieName ?? DEFAULTS.cookieName;
+    const cookieMaxAge = options.cookieMaxAge ?? DEFAULTS.cookieMaxAge;
+    const autoImport = options.autoImport ?? DEFAULTS.autoImport;
+    const includeUtilities = options.includeUtilities ?? DEFAULTS.includeUtilities;
+    nuxt.options.css = nuxt.options.css || [];
+    if (!nuxt.options.css.includes("origam/tokens/css/primitive")) {
+      nuxt.options.css.unshift("origam/tokens/css/primitive");
+    }
+    for (const theme of themes) {
+      const cssId = `origam/tokens/css/${theme}`;
+      if (!nuxt.options.css.includes(cssId)) {
+        nuxt.options.css.push(cssId);
+      }
+    }
+    if (includeUtilities && !nuxt.options.css.includes("origam/tokens/css/utilities")) {
+      nuxt.options.css.push("origam/tokens/css/utilities");
+    }
+    addPlugin({
+      src: resolver.resolve("./plugin.server"),
+      mode: "server"
+    });
+    addPlugin({
+      src: resolver.resolve("./plugin.client"),
+      mode: "client"
+    });
+    if (autoImport) {
+      addImportsDir(resolver.resolve("../composables"));
+      addComponentsDir({
+        path: resolver.resolve("../components"),
+        prefix: "",
+        pathPrefix: false,
+        global: false
+      });
+    }
+    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
+    nuxt.options.runtimeConfig.public.origam = {
+      themes,
+      defaultTheme,
+      cookieName,
+      cookieMaxAge
+    };
+  }
+});

package/dist/src/nuxt/plugin.client.cjs

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _vue = require("vue");
+var _composables = require("../composables/index.cjs");
+var _consts = require("../consts/index.cjs");
+var _origam = require("../origam.cjs");
+var _app = require("#app");
+module.exports = (0, _app.defineNuxtPlugin)({
+  name: "origam:client",
+  setup(nuxtApp) {
+    const runtimeConfig = (0, _app.useRuntimeConfig)().public;
+    const config = runtimeConfig.origam;
+    const cookie = (0, _app.useCookie)(config.cookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const fromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
+    const initialTheme = fromDom ?? cookie.value ?? config.defaultTheme;
+    const origam = (0, _origam.createOrigam)();
+    nuxtApp.vueApp.use(origam);
+    const themeApi = (0, _composables.useTheme)();
+    themeApi.setTheme(initialTheme);
+    (0, _vue.watch)(themeApi.theme, next => {
+      cookie.value = next;
+      if (typeof document !== "undefined") {
+        document.documentElement.setAttribute(_consts.ORIGAM_THEME_ATTR, next);
+      }
+    }, {
+      flush: "post"
+    });
+    return {
+      provide: {
+        origam: {
+          theme: initialTheme
+        }
+      }
+    };
+  }
+});

package/dist/src/nuxt/plugin.client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/src/nuxt/plugin.client.js

@@ -0,0 +1,36 @@
+import { watch } from "vue";
+import { useTheme } from "../composables/index.js";
+import { ORIGAM_THEME_ATTR } from "../consts/index.js";
+import { createOrigam } from "../origam.js";
+import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#app";
+export default defineNuxtPlugin({
+  name: "origam:client",
+  setup(nuxtApp) {
+    const runtimeConfig = useRuntimeConfig().public;
+    const config = runtimeConfig.origam;
+    const cookie = useCookie(config.cookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const fromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
+    const initialTheme = fromDom ?? cookie.value ?? config.defaultTheme;
+    const origam = createOrigam();
+    nuxtApp.vueApp.use(origam);
+    const themeApi = useTheme();
+    themeApi.setTheme(initialTheme);
+    watch(themeApi.theme, (next) => {
+      cookie.value = next;
+      if (typeof document !== "undefined") {
+        document.documentElement.setAttribute(ORIGAM_THEME_ATTR, next);
+      }
+    }, { flush: "post" });
+    return {
+      provide: {
+        origam: {
+          theme: initialTheme
+        }
+      }
+    };
+  }
+});

package/dist/src/nuxt/plugin.server.cjs

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _origam = require("../origam.cjs");
+var _consts = require("../consts/index.cjs");
+var _app = require("#app");
+function resolveServerTheme(cookieValue, config, headers) {
+  if (cookieValue && cookieValue !== _consts.ORIGAM_THEME_AUTO) {
+    return cookieValue;
+  }
+  if (config.defaultTheme && config.defaultTheme !== _consts.ORIGAM_THEME_AUTO && cookieValue !== _consts.ORIGAM_THEME_AUTO) {
+    return config.defaultTheme;
+  }
+  const hint = headers["sec-ch-prefers-color-scheme"];
+  if (hint === _consts.ORIGAM_THEME_DARK) {
+    return config.themes.includes(_consts.ORIGAM_THEME_DARK) ? _consts.ORIGAM_THEME_DARK : config.themes[0] ?? _consts.ORIGAM_THEME_LIGHT;
+  }
+  return config.themes.includes(_consts.ORIGAM_THEME_LIGHT) ? _consts.ORIGAM_THEME_LIGHT : config.themes[0] ?? _consts.ORIGAM_THEME_LIGHT;
+}
+module.exports = (0, _app.defineNuxtPlugin)({
+  name: "origam:server",
+  enforce: "pre",
+  setup(nuxtApp) {
+    const runtimeConfig = (0, _app.useRuntimeConfig)().public;
+    const config = runtimeConfig.origam;
+    const cookie = (0, _app.useCookie)(config.cookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const headers = (0, _app.useRequestHeaders)(["sec-ch-prefers-color-scheme"]);
+    const resolved = resolveServerTheme(cookie.value, config, headers);
+    (0, _app.useHead)({
+      htmlAttrs: {
+        "data-theme": resolved
+      }
+    });
+    const origam = (0, _origam.createOrigam)();
+    nuxtApp.vueApp.use(origam);
+    return {
+      provide: {
+        origam: {
+          theme: resolved
+        }
+      }
+    };
+  }
+});

package/dist/src/nuxt/plugin.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/src/nuxt/plugin.server.js

@@ -0,0 +1,45 @@
+import { createOrigam } from "../origam.js";
+import { ORIGAM_THEME_AUTO, ORIGAM_THEME_DARK, ORIGAM_THEME_LIGHT } from "../consts/index.js";
+import { defineNuxtPlugin, useCookie, useHead, useRequestHeaders, useRuntimeConfig } from "#app";
+function resolveServerTheme(cookieValue, config, headers) {
+  if (cookieValue && cookieValue !== ORIGAM_THEME_AUTO) {
+    return cookieValue;
+  }
+  if (config.defaultTheme && config.defaultTheme !== ORIGAM_THEME_AUTO && cookieValue !== ORIGAM_THEME_AUTO) {
+    return config.defaultTheme;
+  }
+  const hint = headers["sec-ch-prefers-color-scheme"];
+  if (hint === ORIGAM_THEME_DARK) {
+    return config.themes.includes(ORIGAM_THEME_DARK) ? ORIGAM_THEME_DARK : config.themes[0] ?? ORIGAM_THEME_LIGHT;
+  }
+  return config.themes.includes(ORIGAM_THEME_LIGHT) ? ORIGAM_THEME_LIGHT : config.themes[0] ?? ORIGAM_THEME_LIGHT;
+}
+export default defineNuxtPlugin({
+  name: "origam:server",
+  enforce: "pre",
+  setup(nuxtApp) {
+    const runtimeConfig = useRuntimeConfig().public;
+    const config = runtimeConfig.origam;
+    const cookie = useCookie(config.cookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const headers = useRequestHeaders(["sec-ch-prefers-color-scheme"]);
+    const resolved = resolveServerTheme(cookie.value, config, headers);
+    useHead({
+      htmlAttrs: {
+        "data-theme": resolved
+      }
+    });
+    const origam = createOrigam();
+    nuxtApp.vueApp.use(origam);
+    return {
+      provide: {
+        origam: {
+          theme: resolved
+        }
+      }
+    };
+  }
+});

package/dist/src/types/Bracket/bracket-direction.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Bracket/bracket-direction.type.d.ts

@@ -0,0 +1,13 @@
+import type { TDirection } from '../Commons/direction.type';
+/**
+ * Layout axis of the bracket tree.
+ *
+ * - `'horizontal'` — each round is a column, matches stack vertically
+ *   within the column, connectors flow left-to-right.
+ * - `'vertical'`   — each round is a row, matches lay out horizontally,
+ *   connectors flow top-to-bottom.
+ *
+ * Mirrors the global `TDirection` so the bracket plays nicely with the
+ * rest of the design system's direction props.
+ */
+export type TBracketDirection = TDirection;

package/dist/src/types/Bracket/bracket-match-status.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Bracket/bracket-match-status.type.d.ts

@@ -0,0 +1,2 @@
+import { BRACKET_MATCH_STATUS } from '../../enums';
+export type TBracketMatchStatus = `${BRACKET_MATCH_STATUS}`;

package/dist/src/types/Bracket/bracket-round-side.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Bracket/bracket-round-side.type.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Optional side marker for double-elimination tournaments.
+ *
+ * - `'winner'`       — round belongs to the winner bracket.
+ * - `'loser'`        — round belongs to the loser bracket.
+ * - `'grand-final'`  — single round that pits the winner of WB against
+ *                     the winner of LB.
+ *
+ * Single-elimination tournaments do not need to set this — leave it
+ * `undefined`.
+ */
+export type TBracketRoundSide = 'winner' | 'loser' | 'grand-final';

package/dist/src/types/Bracket/bracket-variant.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Bracket/bracket-variant.type.d.ts

@@ -0,0 +1,2 @@
+import { BRACKET_VARIANT } from '../../enums';
+export type TBracketVariant = `${BRACKET_VARIANT}`;

package/dist/src/types/Code/code-lang.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Code/code-lang.type.d.ts

@@ -0,0 +1,2 @@
+import { CODE_LANG } from '../../enums';
+export type TCodeLang = `${CODE_LANG}`;

package/dist/src/types/Code/code-theme.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Code/code-theme.type.d.ts

@@ -0,0 +1,2 @@
+import { CODE_THEME } from '../../enums';
+export type TCodeTheme = `${CODE_THEME}`;

package/dist/src/types/CommandPalette/command-palette-hotkey.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/CommandPalette/command-palette-hotkey.type.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A normalised hotkey combination — array of canonical key tokens
+ * accepted by `useHotkey` (e.g. `['meta', 'k']`).
+ */
+export type TCommandPaletteHotkeyCombination = ReadonlyArray<string>;

package/dist/src/types/Mask/built-in-pattern.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Mask/built-in-pattern.type.d.ts

@@ -0,0 +1,7 @@
+import type { BUILT_IN_PATTERN } from '../../enums';
+/**
+ * Discriminated union of every curated mask preset shipped
+ * with origam. New presets must be added to
+ * `BUILT_IN_PATTERN` AND `BUILT_IN_PATTERNS` (const map).
+ */
+export type TBuiltInPattern = typeof BUILT_IN_PATTERN[keyof typeof BUILT_IN_PATTERN];

package/dist/src/types/Mask/mask.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Mask/mask.type.d.ts

@@ -0,0 +1,19 @@
+import type { IMaskOptions } from '../../interfaces';
+import type { TBuiltInPattern } from './built-in-pattern.type';
+/**
+ * Accepted value for the `OrigamTextField.mask` prop and the
+ * `useMask` first arg. Either a built-in preset key, a raw
+ * pattern string (with `#`, `A`, `*`, literals), or a full
+ * options object.
+ */
+export type TMask = TBuiltInPattern | string | IMaskOptions | null;
+/**
+ * Token kinds recognised by the in-house token-walker.
+ *
+ * - `digit`    : consumer slot, accepts `[0-9]` only.    (`#`)
+ * - `letter`   : consumer slot, accepts `[a-zA-Z]` only. (`A`)
+ * - `any`      : consumer slot, accepts any character.   (`*`)
+ * - `literal`  : emitted as-is, does NOT consume the
+ *                input character.
+ */
+export type TMaskTokenKind = 'digit' | 'letter' | 'any' | 'literal';

package/dist/src/types/Mask/pattern-validator.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Mask/pattern-validator.type.d.ts

@@ -0,0 +1,16 @@
+import type { PATTERN_VALIDATOR } from '../../enums';
+/**
+ * Built-in validator name (string) — recognised by
+ * `validatePattern`.
+ */
+export type TPatternValidatorName = typeof PATTERN_VALIDATOR[keyof typeof PATTERN_VALIDATOR];
+/**
+ * User-supplied validator function — receives the UNMASKED
+ * value and returns `true` if it passes business rules.
+ */
+export type TPatternValidatorFn = (unmasked: string) => boolean;
+/**
+ * Validator passed to `useMask` / accepted by `resolveMaskConfig`.
+ * Either a registered name, or an arbitrary function.
+ */
+export type TPatternValidator = TPatternValidatorName | TPatternValidatorFn;

package/dist/src/types/Parallax/parallax-direction.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Parallax/parallax-direction.type.d.ts

@@ -0,0 +1,2 @@
+import { PARALLAX_DIRECTION } from '../../enums';
+export type TParallaxDirection = `${PARALLAX_DIRECTION}`;

package/dist/src/types/Parallax/parallax-easing.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Parallax/parallax-easing.type.d.ts

@@ -0,0 +1,2 @@
+import { PARALLAX_EASING } from '../../enums';
+export type TParallaxEasing = `${PARALLAX_EASING}`;

package/dist/src/types/SnackbarStack/snackbar-stack-direction.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/SnackbarStack/snackbar-stack-direction.type.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Stacking direction for `OrigamSnackbarStack`.
+ *
+ * - `top-down` — newest item appended at the bottom of the visible
+ *   list (older items drift upward as the stack grows). Default for
+ *   locations anchored to the top edge.
+ * - `bottom-up` — newest item appears at the top of the visible list
+ *   (older items drift downward). Default for locations anchored to
+ *   the bottom edge.
+ */
+export type TSnackbarStackDirection = 'top-down' | 'bottom-up';

package/dist/src/types/SnackbarStack/snackbar-stack-location.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/SnackbarStack/snackbar-stack-location.type.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Anchor locations supported by `OrigamSnackbarStack`.
+ *
+ * Two-keyword strings (e.g. `'top-right'`) describe a corner, single
+ * keyword strings (`'top'`, `'bottom'`) describe a viewport edge with
+ * horizontal centering. Each location maps to a CSS pinning pair on
+ * the stack root (`top` / `bottom` + `left` / `right` / centered).
+ */
+export type TSnackbarStackLocation = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top' | 'bottom';

package/dist/src/types/SnackbarStack/snackbar-stack.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/SnackbarStack/snackbar-stack.type.d.ts

@@ -0,0 +1,2 @@
+import type { OrigamSnackbarStack } from "../../components";
+export type TOrigamSnackbarStack = InstanceType<typeof OrigamSnackbarStack>;

package/dist/src/types/Tabs/tab-panel.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Tabs/tab-panel.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamTabPanel } from '../../components';
+export type TOrigamTabPanel = InstanceType<typeof OrigamTabPanel>;

package/dist/src/types/Tabs/tab-panels.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Tabs/tab-panels.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamTabPanels } from '../../components';
+export type TOrigamTabPanels = InstanceType<typeof OrigamTabPanels>;

package/dist/src/types/Tabs/tab-variant.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Tabs/tab-variant.type.d.ts

@@ -0,0 +1,2 @@
+import { TAB_VARIANT } from '../../enums';
+export type TTabVariant = `${TAB_VARIANT}`;

package/dist/src/types/Tabs/tab.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Tabs/tab.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamTab } from '../../components';
+export type TOrigamTab = InstanceType<typeof OrigamTab>;