@prestack/thread-ui 0.1.1 → 0.1.2

package/dist/ui/generators/routes.ts

@@ -3,7 +3,7 @@ import { argv, stderr, stdout } from 'node:process'
 
 import ts from 'typescript'
 
-import { existsSync, readFileSync, realpathSync, writeFileSync } from '@prestack/thread/core/files'
+import { existsSync, readFileSync, realpathSync, writeFileSync } from '@prestack/thread/integrations/disk'
 import { exit, invoked } from '@prestack/thread/core/invoked'
 import { valuesIn } from '@prestack/thread/core/rows'
 import { named as packageOf } from '@prestack/thread/core/scope'
@@ -21,7 +21,7 @@ const LAYOUT = `app/layout.${'tsx'}`
 
 const WORDING = `app/_generated/wording.${'ts'}`
 
-const DECLARED = `src/_generated/seams.${'ts'}`
+const DECLARED = 'src/_generated/reaching.' + 'ts'
 
 const CLIENT = `app/_generated/dispatching.${'ts'}`
 
@@ -35,6 +35,17 @@ const GRAMMAR = `${COMPILED}/ui/islands/map.ts`
 
 const MOVES = 'navigateTo'
 
+function served(at: string): boolean {
+  try {
+    const held = JSON.parse(readFileSync(join(at, 'package.json'), 'utf8')) as {
+      scripts?: Readonly<Record<string, string>>
+    }
+    return Object.values(held.scripts ?? {}).some((one) => /(?:^|[\s;&|])next(?:\s|$)/.test(one))
+  } catch {
+    return false
+  }
+}
+
 const sheetAt = (at: string): Record<string, unknown> => {
   if (!existsSync(at)) return {}
   return valuesIn(readFileSync(at)) as Record<string, unknown>
@@ -54,8 +65,6 @@ function door(
   return [
     "'use client'",
     '',
-    '/* GENERATED by thread — do not edit. It is derived from what this app declares. */',
-    '',
     ...(moving || knowing
       ? [
           `import { useCallback, ${moving && opening ? 'useState, ' : ''}type ReactNode } from 'react'`,
@@ -326,8 +335,6 @@ function mapModule(map: MapIsland): string {
   const link = (one: MapIsland['links'][number]): string =>
     `    { from: ${quoted(one.from)}, to: ${quoted(one.to)}${one.labelKey === undefined ? '' : `, labelKey: ${quoted(one.labelKey)}`} },`
   return [
-    '/* GENERATED by thread — do not edit. It is derived from the screens, and from every navigateTo they and their compositions hold. */',
-    '',
     `import type { MapIsland } from '${reaching(MAP, GRAMMAR)}'`,
     '',
     'export const MAP: MapIsland = {',
@@ -369,8 +376,6 @@ function reaching(file: string, at: string): string {
 function page(name: string, at: string, route: string): string {
   const from = reaching(pageAt(route), compiledAt(at))
   return [
-    '/* GENERATED by thread — do not edit. It follows from the screen\'s name and its place among the pages. */',
-    '',
     `import { ${name} } from '${from}'`,
     '',
     'export default function Page() {',
@@ -391,7 +396,7 @@ function gate(typed: boolean): readonly string[] {
     'if (!existsSync(receipt)) {',
     '  throw new Error(',
     "    'thread: this tree has no passing gate, so nothing in it may compile. Run `thread gate` — or the ' +",
-    "      'dev, build and start scripts, which run it for you. A gate that has never run is not a gate that passed.',",
+    "      'thread dev, which runs it before anything is served. A gate that has never run is not a gate that passed.',",
     '  )',
     '}',
     "const passed = Symbol.for('thread.gate')",
@@ -421,10 +426,6 @@ function layout(
   doored: boolean,
 ): string {
   return [
-    '/* GENERATED by thread — do not edit. It is derived from what the other generators produce. */',
-    '',
-    '/// <reference types="next/types/global" />',
-    '',
     ...gate(true),
     "import type { ReactNode } from 'react'",
     ...(doored ? ["import { Door } from './_generated/door.tsx'"] : [`import { ThreadUi } from '${reaching(LAYOUT, PROVIDER)}'`]),
@@ -512,12 +513,12 @@ function externalFor(at: string): readonly string[] {
     return [path, read(path)] as const
   })
 
-  const SEAM = /export\s+const\s+store\s*:/
+  const STORE = /export\s+const\s+store\s*:/
 
   for (const [where, text] of [[wiring, wiredIn] as const, ...reachable]) {
     const held = DRIVER.exec(text)?.[1]
     if (held === undefined) {
-      if (where === wiring || !SEAM.test(text)) continue
+      if (where === wiring || !STORE.test(text)) continue
       stderr.write(
         `routes: ${relative(at, where)} declares a store and does not say what must stay out of the bundle. ` +
           'A store opens something, and a config written without that entry breaks where the driver is used rather ' +
@@ -541,8 +542,6 @@ function config(root: string | undefined, external: readonly string[]): string {
   ]
 
   return [
-    '/* GENERATED by thread — do not edit. It is derived from where the packages resolve. */',
-    '',
     ...gate(false),
     'export default {',
     ...(turbopack.length === 0 ? [] : ['  turbopack: {', ...turbopack, '  },']),
@@ -560,13 +559,60 @@ interface Node {
   readonly declares?: readonly Row[]
 }
 
+function landed(at: string, made: readonly { readonly path: string; readonly text: string }[]): number | undefined {
+  if (!argv.includes('--check')) {
+    for (const one of made) writeFileSync(join(at, one.path), one.text, 'utf8')
+    return undefined
+  }
+
+  for (const one of SHADOWS) {
+    if (!existsSync(join(at, one))) continue
+    stderr.write(
+      `routes: ${one} sits beside ${CONFIG}, and Next loads ${CONFIG} because it is the first name it ` +
+        `looks for. Nothing reads ${one} — an edit to it changes nothing and says nothing. Delete it.\n`,
+    )
+    return 1
+  }
+
+  for (const one of made) {
+    let current = ''
+    try {
+      current = readFileSync(join(at, one.path), 'utf8')
+    } catch {
+      current = ''
+    }
+    if (current === one.text) continue
+    stderr.write(
+      `routes: ${one.path} is not what the declarations produce. A derived file that differs from its ` +
+        'generator is a hand edit wearing a generated name. Run `thread routes` and commit what it writes.\n',
+    )
+    return 1
+  }
+
+  return undefined
+}
+
 async function run(): Promise<number> {
   const tree = findTree()
   const at = tree.at
 
   const screensAt = inTree(tree, `screens.${'ts'}`)
   if (!existsSync(screensAt)) {
-    stdout.write(`routes: this tree has no ${relative(at, screensAt)}, so it declares no screen and there is no map, page or layout to write or check.\n`)
+    if (!served(at)) {
+      stdout.write(
+        `routes: this tree has no ${relative(at, screensAt)} and its manifest runs no page server, so it declares ` +
+          'no screen and there is nothing to write or check.\n',
+      )
+      return 0
+    }
+
+    const only = [{ path: CONFIG, text: config(rootFor(at), externalFor(at)) }]
+    const refused = landed(at, only)
+    if (refused !== undefined) return refused
+    stdout.write(
+      `routes: ${CONFIG} ${argv.includes('--check') ? 'is what the declarations produce' : 'written'} — this tree ` +
+        `declares no screen, and Next serves it all the same.\n`,
+    )
     return 0
   }
   const sheet = valuesIn(readFileSync(screensAt)) as { SCREEN?: Node }
@@ -701,39 +747,14 @@ async function run(): Promise<number> {
   const paged = map.screens.filter((one) => one.path !== undefined).length
   const counted = `${String(map.screens.length)} screen(s), ${String(paged)} route(s), ${String(map.links.length)} link(s)`
 
-  if (argv.includes('--check')) {
+  const refused = landed(at, made)
+  if (refused !== undefined) return refused
 
-    for (const one of SHADOWS) {
-      if (!existsSync(join(at, one))) continue
-      stderr.write(
-        `routes: ${one} sits beside ${CONFIG}, and Next loads ${CONFIG} because it is the first name it ` +
-          `looks for. Nothing reads ${one} — an edit to it changes nothing and says nothing. Delete it.\n`,
-      )
-      return 1
-    }
-
-    for (const one of made) {
-      let current = ''
-      try {
-        current = readFileSync(join(at, one.path), 'utf8')
-      } catch {
-        current = ''
-      }
-      if (current === one.text) continue
-      stderr.write(
-        `routes: ${one.path} is not what the declarations produce. A derived file that differs from its ` +
-          'generator is a hand edit wearing a generated name. Run `thread routes` and commit what it writes.\n',
-      )
-      return 1
-    }
+  if (argv.includes('--check')) {
     stdout.write(`routes: ${String(made.length)} file(s) are what the screens produce — ${counted}\n`)
     for (const line of shown(map)) stdout.write(`${line}\n`)
     return 0
   }
-
-  for (const one of made) {
-    writeFileSync(join(at, one.path), one.text, 'utf8')
-  }
   stdout.write(`routes: the map — ${counted}\n`)
   for (const line of shown(map)) stdout.write(`${line}\n`)
   stdout.write(`routes: wrote ${String(paged)} page(s), the map and the layout\n`)

package/dist/ui/generators/show.js

@@ -1,10 +1,10 @@
-import { existsSync, readFileSync, readdirSync } from "@prestack/thread/core/files";
-import { valuesIn } from "@prestack/thread/core/rows";
+import { existsSync, readFileSync, readdirSync } from '@prestack/thread/integrations/disk';
+import { valuesIn } from '@prestack/thread/core/rows';
 import { join, resolve } from 'node:path';
 import { argv, stdout } from 'node:process';
-import { exit, invoked } from "@prestack/thread/core/invoked";
-import { named as packageOf } from "@prestack/thread/core/scope";
-import { findTree, inTree } from "@prestack/thread/core/tree";
+import { exit, invoked } from '@prestack/thread/core/invoked';
+import { named as packageOf } from '@prestack/thread/core/scope';
+import { findTree, inTree } from '@prestack/thread/core/tree';
 function inside(node) {
     return [...(node.holds ?? []), ...(node.declares ?? [])];
 }
@@ -17,7 +17,10 @@ function pascal(id) {
         .join('');
 }
 async function node(file, name) {
-    const held = valuesIn(readFileSync(inTree(findTree(), file)));
+    const path = inTree(findTree(), file);
+    if (!existsSync(path))
+        return {};
+    const held = valuesIn(readFileSync(path));
     const one = held[name];
     if (one === undefined)
         return {};

package/dist/ui/generators/show.ts

@@ -1,4 +1,4 @@
-import { existsSync, readFileSync, readdirSync } from '@prestack/thread/core/files'
+import { existsSync, readFileSync, readdirSync } from '@prestack/thread/integrations/disk'
 import { valuesIn } from '@prestack/thread/core/rows'
 import { join, resolve } from 'node:path'
 import { argv, stdout } from 'node:process'
@@ -40,7 +40,9 @@ function pascal(id: string): string {
 }
 
 async function node(file: string, name: string): Promise<Node> {
-  const held = valuesIn(readFileSync(inTree(findTree(), file))) as Record<string, unknown>
+  const path = inTree(findTree(), file)
+  if (!existsSync(path)) return {}
+  const held = valuesIn(readFileSync(path)) as Record<string, unknown>
   const one = held[name]
   if (one === undefined) return {}
   return one as Node

package/dist/ui/generators/styles.js

@@ -6,21 +6,21 @@ var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExte
     }
     return path;
 };
-import { existsSync, readFileSync, writeFileSync } from "@prestack/thread/core/files";
+import { existsSync, readFileSync, writeFileSync } from '@prestack/thread/integrations/disk';
 import { join, resolve } from 'node:path';
 import { argv, stderr, stdout } from 'node:process';
 import { fileURLToPath, pathToFileURL } from 'node:url';
-import { exit } from "@prestack/thread/core/invoked";
-import { named as packageOf } from "@prestack/thread/core/scope";
-import { findTree, inTree } from "@prestack/thread/core/tree";
-import { keyframeName, shorthandOf, stopsOf } from "../animations.js";
-import { classOfRole, familyFor, fontStack, fontVariable, setNamed, settingsOf } from "../fonts.js";
-import { sizeNamed, sizeRows, SIZE_PREFIX } from "../icons.js";
-import { compose, keyframesOf } from "../material.js";
-import { checkInteractions, knowSignals } from "../signals.js";
-import { chosen, shifted, themedBy } from "../styleguide.js";
-import { naming, nameOf, sheeted } from "../token.js";
-import { classOf, classOfComposition, classOfElement, classOfScreen, complete, statesOf, structural, under, undeclaredStates, unreacted, boundHeld } from "../variant.js";
+import { exit } from '@prestack/thread/core/invoked';
+import { named as packageOf } from '@prestack/thread/core/scope';
+import { findTree, inTree } from '@prestack/thread/core/tree';
+import { keyframeName, shorthandOf, stopsOf } from '../animations.js';
+import { classOfRole, familyFor, fontStack, fontVariable, setNamed, settingsOf } from '../fonts.js';
+import { sizeNamed, sizeRows, SIZE_PREFIX } from '../icons.js';
+import { compose, keyframesOf } from '../material.js';
+import { checkInteractions, knowSignals } from '../signals.js';
+import { chosen, shifted, themedBy } from '../styleguide.js';
+import { naming, nameOf, sheeted } from '../token.js';
+import { classOf, classOfComposition, classOfElement, classOfScreen, complete, statesOf, structural, under, undeclaredStates, unreacted, boundHeld } from '../variant.js';
 function inside(node) {
     return [...(node.holds ?? []), ...(node.declares ?? [])];
 }
@@ -87,8 +87,6 @@ function sheet(tokens, guide, materials, variants, modes, themes, screens, compo
         return held;
     };
     const lines = [
-        '/* GENERATED by thread — do not edit. Change the declarations and regenerate. */',
-        '',
         `@layer ${LAYERS.join(', ')};`,
         '',
         '@layer token {',
@@ -451,8 +449,6 @@ async function run() {
         .map((one) => `    readonly ${camelOf(String(one.id))}: ${(one.wears ?? []).map((e) => `'${e}'`).join(' | ')}`);
     const asking = ((await node(root, 'signals.ts', 'SIGNAL')).holds ?? []).filter((one) => typeof one.id === 'string');
     const wearingSource = [
-        '/* GENERATED by thread — do not edit. It is derived from what this app declares. */',
-        '',
         `declare module '${packageOf('ui')}/checked' {`,
         ...(worn.length === 0 ? ['  interface Wearing {}'] : ['  interface Wearing {', ...worn, '  }']),
         '}',

package/dist/ui/generators/styles.ts

@@ -1,4 +1,4 @@
-import { existsSync, readFileSync, writeFileSync } from '@prestack/thread/core/files'
+import { existsSync, readFileSync, writeFileSync } from '@prestack/thread/integrations/disk'
 import { dirname, join, resolve } from 'node:path'
 import { argv, stderr, stdout } from 'node:process'
 import { fileURLToPath, pathToFileURL } from 'node:url'
@@ -130,8 +130,6 @@ function sheet(
   }
 
   const lines: string[] = [
-    '/* GENERATED by thread — do not edit. Change the declarations and regenerate. */',
-    '',
     `@layer ${LAYERS.join(', ')};`,
     '',
     '@layer token {',
@@ -606,8 +604,6 @@ async function run(): Promise<number> {
   }[]).filter((one) => typeof one.id === 'string')
 
   const wearingSource = [
-    '/* GENERATED by thread — do not edit. It is derived from what this app declares. */',
-    '',
     `declare module '${packageOf('ui')}/checked' {`,
     ...(worn.length === 0 ? ['  interface Wearing {}'] : ['  interface Wearing {', ...worn, '  }']),
     '}',

package/dist/ui/generators/variants.js

@@ -6,12 +6,12 @@ var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExte
     }
     return path;
 };
-import { existsSync, readFileSync, writeFileSync } from "@prestack/thread/core/files";
+import { existsSync, readFileSync, writeFileSync } from '@prestack/thread/integrations/disk';
 import { basename, join, resolve } from 'node:path';
 import { argv, stdout } from 'node:process';
 import { fileURLToPath, pathToFileURL } from 'node:url';
-import { exit, invoked } from "@prestack/thread/core/invoked";
-import { findTree, inTree, strayFiles } from "@prestack/thread/core/tree";
+import { exit, invoked } from '@prestack/thread/core/invoked';
+import { findTree, inTree, strayFiles } from '@prestack/thread/core/tree';
 export function nameOf(id) {
     return id.replace(/-/g, '_').toUpperCase();
 }

package/dist/ui/generators/variants.ts

@@ -1,4 +1,4 @@
-import { existsSync, readdirSync, readFileSync, writeFileSync } from '@prestack/thread/core/files'
+import { existsSync, readdirSync, readFileSync, writeFileSync } from '@prestack/thread/integrations/disk'
 import { basename, dirname, join, resolve } from 'node:path'
 import { argv, stdout } from 'node:process'
 import { fileURLToPath, pathToFileURL } from 'node:url'

package/dist/ui/i18n/catalogs/en.js

@@ -1,4 +1,4 @@
-import { defineCatalog, msg } from "../types.js";
+import { defineCatalog, msg } from '../types.js';
 export const en = defineCatalog({
     'errors.auth.unauthenticated.title': 'You need to sign in to do this',
     'errors.auth.invalid_credentials.title': 'That email or password did not match',

package/dist/ui/i18n/format.js

@@ -1,4 +1,4 @@
-import { parseMessage } from "./parse.js";
+import { parseMessage } from './parse.js';
 export class MissingParamError extends Error {
     param;
     constructor(param, message) {

package/dist/ui/i18n/translator.js

@@ -1,5 +1,5 @@
-import { formatMessage } from "./format.js";
-import { entryText } from "./types.js";
+import { formatMessage } from './format.js';
+import { entryText } from './types.js';
 export class UnknownMessageKeyError extends Error {
     key;
     constructor(key, locale) {

package/dist/ui/material.d.ts

@@ -6,15 +6,15 @@ export interface Setting {
     readonly asks?: Readonly<Record<string, string | number>>;
 }
 export declare const BOUND: {
-    readonly background: readonly ["colour", "gradient", "texture", "noise", "img"];
-    readonly backgroundImage: readonly ["gradient", "texture", "noise", "img"];
-    readonly backdropFilter: readonly ["blur"];
-    readonly borderWidth: readonly ["edge"];
-    readonly borderStyle: readonly ["line"];
-    readonly borderColor: readonly ["colour"];
-    readonly boxShadow: readonly ["shadow"];
-    readonly color: readonly ["colour"];
-    readonly opacity: readonly ["opacity"];
+    readonly background: readonly ['colour', 'gradient', 'texture', 'noise', 'img'];
+    readonly backgroundImage: readonly ['gradient', 'texture', 'noise', 'img'];
+    readonly backdropFilter: readonly ['blur'];
+    readonly borderWidth: readonly ['edge'];
+    readonly borderStyle: readonly ['line'];
+    readonly borderColor: readonly ['colour'];
+    readonly boxShadow: readonly ['shadow'];
+    readonly color: readonly ['colour'];
+    readonly opacity: readonly ['opacity'];
 };
 type Property = keyof typeof BOUND;
 type MaterialSettingFor<P extends Property> = {
@@ -39,9 +39,9 @@ export interface Material {
         readonly sets: Readonly<Record<string, readonly MaterialSetting[]>>;
     }[];
 }
-export declare const FREE: readonly ["transition", "outline"];
+export declare const FREE: readonly ['transition', 'outline'];
 export declare const material: <const T extends Material>(one: T & {
-    readonly sets: { readonly [I in keyof T["sets"]]: T["sets"][I] extends {
+    readonly sets: { readonly [I in keyof T['sets']]: T['sets'][I] extends {
         readonly is: infer Said;
     } ? {
         readonly is: Wearing<Said & string>;

package/dist/ui/material.js

@@ -1,4 +1,4 @@
-import { held, naming, sheeted } from "./token.js";
+import { held, naming, sheeted } from './token.js';
 export const BOUND = {
     background: ['colour', 'gradient', 'texture', 'noise', 'img'],
     backgroundImage: ['gradient', 'texture', 'noise', 'img'],

package/dist/ui/materials/mat_bordered.d.ts

@@ -1,22 +1,22 @@
 export declare const BORDERED: {
-    readonly id: "bordered";
+    readonly id: 'bordered';
     readonly sets: readonly [{
-        readonly property: "background";
-        readonly is: "colour-surface";
+        readonly property: 'background';
+        readonly is: 'colour-surface';
     }, {
-        readonly property: "borderWidth";
-        readonly is: "edge-thick";
+        readonly property: 'borderWidth';
+        readonly is: 'edge-thick';
     }, {
-        readonly property: "borderStyle";
-        readonly is: "line-solid";
+        readonly property: 'borderStyle';
+        readonly is: 'line-solid';
     }, {
-        readonly property: "borderColor";
-        readonly is: "colour-ink";
+        readonly property: 'borderColor';
+        readonly is: 'colour-ink';
     }, {
-        readonly property: "boxShadow";
-        readonly is: "shadow-hard";
+        readonly property: 'boxShadow';
+        readonly is: 'shadow-hard';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
 };

package/dist/ui/materials/mat_bordered.js

@@ -1,4 +1,4 @@
-import { material } from "../material.js";
+import { material } from '../material.js';
 export const BORDERED = material({
     id: 'bordered',
     sets: [

package/dist/ui/materials/mat_ceramic.d.ts

@@ -1,22 +1,22 @@
 export declare const CERAMIC: {
-    readonly id: "ceramic";
+    readonly id: 'ceramic';
     readonly sets: readonly [{
-        readonly property: "backgroundImage";
-        readonly is: "gradient-sheen";
+        readonly property: 'backgroundImage';
+        readonly is: 'gradient-sheen';
     }, {
-        readonly property: "borderWidth";
-        readonly is: "edge-hair";
+        readonly property: 'borderWidth';
+        readonly is: 'edge-hair';
     }, {
-        readonly property: "borderStyle";
-        readonly is: "line-solid";
+        readonly property: 'borderStyle';
+        readonly is: 'line-solid';
     }, {
-        readonly property: "borderColor";
-        readonly is: "colour-edge-ceramic";
+        readonly property: 'borderColor';
+        readonly is: 'colour-edge-ceramic';
     }, {
-        readonly property: "boxShadow";
-        readonly is: "shadow-2";
+        readonly property: 'boxShadow';
+        readonly is: 'shadow-2';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
 };

package/dist/ui/materials/mat_ceramic.js

@@ -1,4 +1,4 @@
-import { material } from "../material.js";
+import { material } from '../material.js';
 export const CERAMIC = material({
     id: 'ceramic',
     sets: [

package/dist/ui/materials/mat_clay.d.ts

@@ -1,22 +1,22 @@
 export declare const CLAY: {
-    readonly id: "clay";
+    readonly id: 'clay';
     readonly sets: readonly [{
-        readonly property: "background";
-        readonly is: "colour-surface";
+        readonly property: 'background';
+        readonly is: 'colour-surface';
     }, {
-        readonly property: "borderWidth";
-        readonly is: "edge-thin";
+        readonly property: 'borderWidth';
+        readonly is: 'edge-thin';
     }, {
-        readonly property: "borderStyle";
-        readonly is: "line-solid";
+        readonly property: 'borderStyle';
+        readonly is: 'line-solid';
     }, {
-        readonly property: "borderColor";
-        readonly is: "colour-edge-clay";
+        readonly property: 'borderColor';
+        readonly is: 'colour-edge-clay';
     }, {
-        readonly property: "boxShadow";
-        readonly is: "shadow-2";
+        readonly property: 'boxShadow';
+        readonly is: 'shadow-2';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
 };

package/dist/ui/materials/mat_clay.js

@@ -1,4 +1,4 @@
-import { material } from "../material.js";
+import { material } from '../material.js';
 export const CLAY = material({
     id: 'clay',
     sets: [

package/dist/ui/materials/mat_elevated.d.ts

@@ -1,32 +1,32 @@
 export declare const ELEVATED: {
-    readonly id: "elevated";
+    readonly id: 'elevated';
     readonly sets: readonly [{
-        readonly property: "background";
-        readonly is: "colour-surface";
+        readonly property: 'background';
+        readonly is: 'colour-surface';
     }, {
-        readonly property: "boxShadow";
-        readonly is: "shadow-2";
+        readonly property: 'boxShadow';
+        readonly is: 'shadow-2';
     }, {
-        readonly property: "color";
-        readonly is: "colour-ink";
+        readonly property: 'color';
+        readonly is: 'colour-ink';
     }];
     readonly states: readonly [{
         readonly when: readonly ["hover"];
         readonly sets: readonly [{
-            readonly property: "boxShadow";
-            readonly is: "shadow-3";
+            readonly property: 'boxShadow';
+            readonly is: 'shadow-3';
         }];
     }, {
         readonly when: readonly ["active"];
         readonly sets: readonly [{
-            readonly property: "boxShadow";
-            readonly is: "shadow-1";
+            readonly property: 'boxShadow';
+            readonly is: 'shadow-1';
         }];
     }, {
         readonly when: readonly ["active", "hover"];
         readonly sets: readonly [{
-            readonly property: "boxShadow";
-            readonly is: "shadow-1";
+            readonly property: 'boxShadow';
+            readonly is: 'shadow-1';
         }];
     }];
 };

package/dist/ui/materials/mat_elevated.js

@@ -1,4 +1,4 @@
-import { material } from "../material.js";
+import { material } from '../material.js';
 export const ELEVATED = material({
     id: 'elevated',
     sets: [