@stacksjs/ts-cloud 0.9.1 → 0.9.3

package/dist/ui/_stx/chunk.5ddb5087.js

@@ -0,0 +1,90 @@
+;(function(){
+window.__composables = window.__composables || {};
+var __c = window.__composables;
+var __stx = window.stx || {};
+
+
+class DashboardRequestError extends Error {
+  status;
+  payload;
+  constructor(message, status, payload) {
+    super(message);
+    this.status = status;
+    this.payload = payload;
+    this.name = "DashboardRequestError";
+  }
+}
+async function requestJson(url, init) {
+  const response = await fetch(url, init);
+  const text = await response.text();
+  let payload = {};
+  if (text) {
+    try {
+      payload = JSON.parse(text);
+    } catch {
+      payload = {
+        error: text.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim().slice(0, 500)
+      };
+    }
+  }
+  if (!response.ok || payload.ok === false) {
+    const message = typeof payload.error === "string" && payload.error.trim() ? payload.error : `Request failed with HTTP ${response.status}.`;
+    throw new DashboardRequestError(message, response.status, payload);
+  }
+  return payload;
+}
+
+
+function servedWithoutApi(error) {
+  const status = error?.status;
+  return status === 404 || status === 405 || status === 501;
+}
+function usePolling(task, intervalMs, options = {}) {
+  const pollingState = state("loading");
+  const pollingError = state("");
+  const lastUpdatedAt = state(null);
+  const isSnapshot = state(false);
+  const pollingLabel = derived(() => pollingState());
+  const interval = useInterval(intervalMs);
+  async function refresh() {
+    try {
+      await task();
+      pollingState.set("live");
+      pollingError.set("");
+      isSnapshot.set(false);
+      lastUpdatedAt.set(new Date);
+    } catch (error) {
+      if (options.snapshotWhenApiMissing && servedWithoutApi(error)) {
+        isSnapshot.set(true);
+        pollingState.set("snapshot");
+        pollingError.set("");
+        interval.pause();
+        return;
+      }
+      pollingState.set("stale");
+      pollingError.set(error instanceof Error ? error.message : String(error));
+    }
+  }
+  interval.subscribe(refresh);
+  onMount(() => {
+    refresh();
+  });
+  return { pollingState, pollingError, pollingLabel, lastUpdatedAt, isSnapshot, refresh };
+}
+  try { __c["DashboardRequestError"] = DashboardRequestError; } catch (e) {}
+  try { __c["requestJson"] = requestJson; } catch (e) {}
+  try { __c["usePolling"] = usePolling; } catch (e) {}
+  var __names = ["DashboardRequestError","requestJson","usePolling"];
+  for (var __i = 0; __i < __names.length; __i++) {
+    var __n = __names[__i];
+    if (!(__n in __c)) continue;
+    var __takenByBuiltin = !!(window.stx && __n in window.stx);
+    if (__takenByBuiltin || __n in window) {
+      console.warn('[stx] composable "' + __n + '" is not available as a bare identifier: '
+        + (__takenByBuiltin ? 'a built-in of that name already exists' : 'window already defines that property')
+        + '. Rename it, or use: import { ' + __n + ' } from "@composables"');
+      continue;
+    }
+    window[__n] = __c[__n];
+  }
+})();

package/dist/ui/_stx/chunk.9fd39d5b.js

@@ -0,0 +1,86 @@
+;(function(){
+window.__composables = window.__composables || {};
+var __c = window.__composables;
+var __stx = window.stx || {};
+
+
+const DANGEROUS_OPERATION = /(?:^|:)(?:delete|disable|destroy|purge|remove|restore|rollback|stop)(?::|$)/i;
+function operationIsDangerous(operation) {
+  return operation.danger ?? DANGEROUS_OPERATION.test(operation.operation);
+}
+function useOpConfirm(execute) {
+  const opOutput = state("");
+  const opShown = state(false);
+  const pending = state(null);
+  const typed = state("");
+  const busy = state(false);
+  const confirmInput = useRef("opConfirmInput");
+  const confirmTok = derived(() => pending()?.confirm ?? "");
+  const confirmVerb = derived(() => pending()?.verb ?? "");
+  const confirmDanger = derived(() => pending() ? operationIsDangerous(pending()) : false);
+  const confirmLabel = derived(() => pending()?.label ?? (confirmDanger() ? "Confirm operation" : "Run operation"));
+  const canRun = derived(() => !!pending() && !busy() && typed() === pending().confirm);
+  function askOp(operation, confirm, verb, to, apiConfirm, options = {}) {
+    pending.set({ ...options, operation, confirm, verb, to: to ?? null, apiConfirm: apiConfirm || confirm });
+    typed.set("");
+    confirmInput.current?.focus();
+    confirmInput.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }
+  function cancelOp() {
+    if (busy())
+      return;
+    pending.set(null);
+    typed.set("");
+  }
+  async function runOp() {
+    const operation = pending();
+    if (!operation || busy() || typed() !== operation.confirm)
+      return;
+    busy.set(true);
+    opShown.set(true);
+    opOutput.set(`Running ${operation.operation}...`);
+    try {
+      const result = await execute(operation);
+      opOutput.set(typeof result === "string" ? result : result.output);
+      pending.set(null);
+      typed.set("");
+    } catch (error) {
+      opOutput.set(`FAILED ${operation.operation}
+
+${error instanceof Error ? error.message : String(error)}`);
+    } finally {
+      busy.set(false);
+    }
+  }
+  return {
+    opOutput,
+    opShown,
+    pending,
+    typed,
+    busy,
+    confirmTok,
+    confirmVerb,
+    confirmDanger,
+    confirmLabel,
+    canRun,
+    askOp,
+    cancelOp,
+    runOp
+  };
+}
+  try { __c["operationIsDangerous"] = operationIsDangerous; } catch (e) {}
+  try { __c["useOpConfirm"] = useOpConfirm; } catch (e) {}
+  var __names = ["operationIsDangerous","useOpConfirm"];
+  for (var __i = 0; __i < __names.length; __i++) {
+    var __n = __names[__i];
+    if (!(__n in __c)) continue;
+    var __takenByBuiltin = !!(window.stx && __n in window.stx);
+    if (__takenByBuiltin || __n in window) {
+      console.warn('[stx] composable "' + __n + '" is not available as a bare identifier: '
+        + (__takenByBuiltin ? 'a built-in of that name already exists' : 'window already defines that property')
+        + '. Rename it, or use: import { ' + __n + ' } from "@composables"');
+      continue;
+    }
+    window[__n] = __c[__n];
+  }
+})();

package/dist/ui/_stx/chunk.d5301f79.js

@@ -0,0 +1,119 @@
+;(function(){
+window.__composables = window.__composables || {};
+var __c = window.__composables;
+var __stx = window.stx || {};
+
+
+class DashboardRequestError extends Error {
+  status;
+  payload;
+  constructor(message, status, payload) {
+    super(message);
+    this.status = status;
+    this.payload = payload;
+    this.name = "DashboardRequestError";
+  }
+}
+async function requestJson(url, init) {
+  const response = await fetch(url, init);
+  const text = await response.text();
+  let payload = {};
+  if (text) {
+    try {
+      payload = JSON.parse(text);
+    } catch {
+      payload = {
+        error: text.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim().slice(0, 500)
+      };
+    }
+  }
+  if (!response.ok || payload.ok === false) {
+    const message = typeof payload.error === "string" && payload.error.trim() ? payload.error : `Request failed with HTTP ${response.status}.`;
+    throw new DashboardRequestError(message, response.status, payload);
+  }
+  return payload;
+}
+
+
+const DANGEROUS_OPERATION = /(?:^|:)(?:delete|disable|destroy|purge|remove|restore|rollback|stop)(?::|$)/i;
+function operationIsDangerous(operation) {
+  return operation.danger ?? DANGEROUS_OPERATION.test(operation.operation);
+}
+function useOpConfirm(execute) {
+  const opOutput = state("");
+  const opShown = state(false);
+  const pending = state(null);
+  const typed = state("");
+  const busy = state(false);
+  const confirmInput = useRef("opConfirmInput");
+  const confirmTok = derived(() => pending()?.confirm ?? "");
+  const confirmVerb = derived(() => pending()?.verb ?? "");
+  const confirmDanger = derived(() => pending() ? operationIsDangerous(pending()) : false);
+  const confirmLabel = derived(() => pending()?.label ?? (confirmDanger() ? "Confirm operation" : "Run operation"));
+  const canRun = derived(() => !!pending() && !busy() && typed() === pending().confirm);
+  function askOp(operation, confirm, verb, to, apiConfirm, options = {}) {
+    pending.set({ ...options, operation, confirm, verb, to: to ?? null, apiConfirm: apiConfirm || confirm });
+    typed.set("");
+    confirmInput.current?.focus();
+    confirmInput.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }
+  function cancelOp() {
+    if (busy())
+      return;
+    pending.set(null);
+    typed.set("");
+  }
+  async function runOp() {
+    const operation = pending();
+    if (!operation || busy() || typed() !== operation.confirm)
+      return;
+    busy.set(true);
+    opShown.set(true);
+    opOutput.set(`Running ${operation.operation}...`);
+    try {
+      const result = await execute(operation);
+      opOutput.set(typeof result === "string" ? result : result.output);
+      pending.set(null);
+      typed.set("");
+    } catch (error) {
+      opOutput.set(`FAILED ${operation.operation}
+
+${error instanceof Error ? error.message : String(error)}`);
+    } finally {
+      busy.set(false);
+    }
+  }
+  return {
+    opOutput,
+    opShown,
+    pending,
+    typed,
+    busy,
+    confirmTok,
+    confirmVerb,
+    confirmDanger,
+    confirmLabel,
+    canRun,
+    askOp,
+    cancelOp,
+    runOp
+  };
+}
+  try { __c["DashboardRequestError"] = DashboardRequestError; } catch (e) {}
+  try { __c["requestJson"] = requestJson; } catch (e) {}
+  try { __c["operationIsDangerous"] = operationIsDangerous; } catch (e) {}
+  try { __c["useOpConfirm"] = useOpConfirm; } catch (e) {}
+  var __names = ["DashboardRequestError","requestJson","operationIsDangerous","useOpConfirm"];
+  for (var __i = 0; __i < __names.length; __i++) {
+    var __n = __names[__i];
+    if (!(__n in __c)) continue;
+    var __takenByBuiltin = !!(window.stx && __n in window.stx);
+    if (__takenByBuiltin || __n in window) {
+      console.warn('[stx] composable "' + __n + '" is not available as a bare identifier: '
+        + (__takenByBuiltin ? 'a built-in of that name already exists' : 'window already defines that property')
+        + '. Rename it, or use: import { ' + __n + ' } from "@composables"');
+      continue;
+    }
+    window[__n] = __c[__n];
+  }
+})();

package/dist/ui/_stx/crosswind.222ed683.css

@@ -0,0 +1 @@
+ /* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(21% 0.034 264.665); --stx-fg-strong: oklch(37.3% 0.034 259.733); --stx-fg-muted: oklch(44.6% 0.03 256.802); --stx-fg-soft: oklch(55.1% 0.027 264.364); --stx-fg-subtle: oklch(70.7% 0.022 261.325); --stx-surface: oklch(98.5% 0.002 247.839); --stx-surface-raised: oklch(96.7% 0.003 264.542); --stx-surface-sunken: oklch(92.8% 0.006 264.531); --stx-line: oklch(92.8% 0.006 264.531); --stx-line-strong: oklch(87.2% 0.01 258.338); --stx-accent: oklch(51.1% 0.262 276.966); --stx-info: oklch(54.6% 0.245 262.881); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(79.5% 0.184 86.047); --stx-accent-solid: oklch(51.1% 0.262 276.966); --stx-info-solid: oklch(54.6% 0.245 262.881); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); } .dark { --stx-fg: oklch(96.7% 0.003 264.542); --stx-fg-strong: oklch(87.2% 0.01 258.338); --stx-fg-muted: oklch(70.7% 0.022 261.325); --stx-fg-soft: oklch(70.7% 0.022 261.325); --stx-fg-subtle: oklch(55.1% 0.027 264.364); --stx-surface: oklch(27.8% 0.033 256.848); --stx-surface-raised: oklch(37.3% 0.034 259.733); --stx-surface-sunken: oklch(37.3% 0.034 259.733); --stx-line: oklch(37.3% 0.034 259.733); --stx-line-strong: oklch(44.6% 0.03 256.802); --stx-accent: oklch(67.3% 0.182 276.935); --stx-info: oklch(70.7% 0.165 254.624); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(58.5% 0.233 277.117); --stx-info-solid: oklch(62.3% 0.214 259.815); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); } @layer cw-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --cw-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .hidden { display: none; } 

package/dist/ui/_stx/crosswind.616c25f3.css

@@ -0,0 +1 @@
+ /* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(21% 0.034 264.665); --stx-fg-strong: oklch(37.3% 0.034 259.733); --stx-fg-muted: oklch(44.6% 0.03 256.802); --stx-fg-soft: oklch(55.1% 0.027 264.364); --stx-fg-subtle: oklch(70.7% 0.022 261.325); --stx-surface: oklch(98.5% 0.002 247.839); --stx-surface-raised: oklch(96.7% 0.003 264.542); --stx-surface-sunken: oklch(92.8% 0.006 264.531); --stx-line: oklch(92.8% 0.006 264.531); --stx-line-strong: oklch(87.2% 0.01 258.338); --stx-accent: oklch(51.1% 0.262 276.966); --stx-info: oklch(54.6% 0.245 262.881); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(79.5% 0.184 86.047); --stx-accent-solid: oklch(51.1% 0.262 276.966); --stx-info-solid: oklch(54.6% 0.245 262.881); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); } .dark { --stx-fg: oklch(96.7% 0.003 264.542); --stx-fg-strong: oklch(87.2% 0.01 258.338); --stx-fg-muted: oklch(70.7% 0.022 261.325); --stx-fg-soft: oklch(70.7% 0.022 261.325); --stx-fg-subtle: oklch(55.1% 0.027 264.364); --stx-surface: oklch(27.8% 0.033 256.848); --stx-surface-raised: oklch(37.3% 0.034 259.733); --stx-surface-sunken: oklch(37.3% 0.034 259.733); --stx-line: oklch(37.3% 0.034 259.733); --stx-line-strong: oklch(44.6% 0.03 256.802); --stx-accent: oklch(67.3% 0.182 276.935); --stx-info: oklch(70.7% 0.165 254.624); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(58.5% 0.233 277.117); --stx-info-solid: oklch(62.3% 0.214 259.815); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); } @layer cw-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --cw-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } 

package/dist/ui/_stx/crosswind.80baa894.css

@@ -0,0 +1,320 @@
+
+/* stx role tokens — override any of these to re-theme by meaning. */
+:root {
+  --stx-fg: oklch(21% 0.034 264.665);
+  --stx-fg-strong: oklch(37.3% 0.034 259.733);
+  --stx-fg-muted: oklch(44.6% 0.03 256.802);
+  --stx-fg-soft: oklch(55.1% 0.027 264.364);
+  --stx-fg-subtle: oklch(70.7% 0.022 261.325);
+  --stx-surface: oklch(98.5% 0.002 247.839);
+  --stx-surface-raised: oklch(96.7% 0.003 264.542);
+  --stx-surface-sunken: oklch(92.8% 0.006 264.531);
+  --stx-line: oklch(92.8% 0.006 264.531);
+  --stx-line-strong: oklch(87.2% 0.01 258.338);
+  --stx-accent: oklch(51.1% 0.262 276.966);
+  --stx-info: oklch(54.6% 0.245 262.881);
+  --stx-danger: oklch(57.7% 0.245 27.325);
+  --stx-success: oklch(62.7% 0.194 149.214);
+  --stx-warning: oklch(79.5% 0.184 86.047);
+  --stx-accent-solid: oklch(51.1% 0.262 276.966);
+  --stx-info-solid: oklch(54.6% 0.245 262.881);
+  --stx-danger-solid: oklch(57.7% 0.245 27.325);
+  --stx-success-solid: oklch(62.7% 0.194 149.214);
+}
+.dark {
+  --stx-fg: oklch(96.7% 0.003 264.542);
+  --stx-fg-strong: oklch(87.2% 0.01 258.338);
+  --stx-fg-muted: oklch(70.7% 0.022 261.325);
+  --stx-fg-soft: oklch(70.7% 0.022 261.325);
+  --stx-fg-subtle: oklch(55.1% 0.027 264.364);
+  --stx-surface: oklch(27.8% 0.033 256.848);
+  --stx-surface-raised: oklch(37.3% 0.034 259.733);
+  --stx-surface-sunken: oklch(37.3% 0.034 259.733);
+  --stx-line: oklch(37.3% 0.034 259.733);
+  --stx-line-strong: oklch(44.6% 0.03 256.802);
+  --stx-accent: oklch(67.3% 0.182 276.935);
+  --stx-info: oklch(70.7% 0.165 254.624);
+  --stx-danger: oklch(70.4% 0.191 22.216);
+  --stx-success: oklch(79.2% 0.209 151.711);
+  --stx-warning: oklch(85.2% 0.199 91.936);
+  --stx-accent-solid: oklch(58.5% 0.233 277.117);
+  --stx-info-solid: oklch(62.3% 0.214 259.815);
+  --stx-danger-solid: oklch(63.7% 0.237 25.331);
+  --stx-success-solid: oklch(72.3% 0.219 149.579);
+}
+@layer cw-base {
+/*
+! Tailwind CSS Preflight | MIT License | https://tailwindcss.com
+*/
+
+/*
+  The fallback is a neutral grey, not currentColor.
+
+  currentColor makes every border whose colour was never set take the TEXT
+  colour, which is near-black on a light page and near-white on a dark one.
+  That is never what an author means by a divider: the divide-* and
+  border-width utilities set a width and no colour, so a plain divide-y
+  rendered as a heavy black rule instead of a hairline.
+
+  It also punished the obvious workaround. Setting border-color on a parent
+  does not reach divide-* children, because divide targets
+  "> :not([hidden]) ~ :not([hidden])" and the child declaration from this
+  block wins.
+
+  Tailwind preflight resolves this the same way (its default is gray-200).
+  --border-color stays the escape hatch: set it once on :root, or per
+  theme, and every uncoloured border follows.
+*/
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: var(--border-color, #e5e7eb);
+}
+
+::before,
+::after {
+  --cw-content: '';
+}
+
+html,
+:host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  font-family: ui-sans-serif, system-ui, sans-serif;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  margin: 0;
+  line-height: inherit;
+}
+
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+table {
+  text-indent: 0;
+  border-color: var(--border-color, inherit);
+  border-collapse: collapse;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+
+:-moz-focusring {
+  outline: auto;
+}
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+summary {
+  display: list-item;
+}
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+dialog {
+  padding: 0;
+}
+
+textarea {
+  resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: color-mix(in oklab, currentColor 50%, transparent);
+}
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+:disabled {
+  cursor: default;
+}
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+[hidden] {
+  display: none;
+}
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}

package/dist/ui/_stx/crosswind.906ee17c.css

@@ -0,0 +1 @@
+ /* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(21% 0.034 264.665); --stx-fg-strong: oklch(37.3% 0.034 259.733); --stx-fg-muted: oklch(44.6% 0.03 256.802); --stx-fg-soft: oklch(55.1% 0.027 264.364); --stx-fg-subtle: oklch(70.7% 0.022 261.325); --stx-surface: oklch(98.5% 0.002 247.839); --stx-surface-raised: oklch(96.7% 0.003 264.542); --stx-surface-sunken: oklch(92.8% 0.006 264.531); --stx-line: oklch(92.8% 0.006 264.531); --stx-line-strong: oklch(87.2% 0.01 258.338); --stx-accent: oklch(51.1% 0.262 276.966); --stx-info: oklch(54.6% 0.245 262.881); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(79.5% 0.184 86.047); --stx-accent-solid: oklch(51.1% 0.262 276.966); --stx-info-solid: oklch(54.6% 0.245 262.881); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); } .dark { --stx-fg: oklch(96.7% 0.003 264.542); --stx-fg-strong: oklch(87.2% 0.01 258.338); --stx-fg-muted: oklch(70.7% 0.022 261.325); --stx-fg-soft: oklch(70.7% 0.022 261.325); --stx-fg-subtle: oklch(55.1% 0.027 264.364); --stx-surface: oklch(27.8% 0.033 256.848); --stx-surface-raised: oklch(37.3% 0.034 259.733); --stx-surface-sunken: oklch(37.3% 0.034 259.733); --stx-line: oklch(37.3% 0.034 259.733); --stx-line-strong: oklch(44.6% 0.03 256.802); --stx-accent: oklch(67.3% 0.182 276.935); --stx-info: oklch(70.7% 0.165 254.624); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(58.5% 0.233 277.117); --stx-info-solid: oklch(62.3% 0.214 259.815); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); } @layer cw-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --cw-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } 

package/dist/ui/_stx/crosswind.996ed49e.css

@@ -0,0 +1 @@
+ /* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(21% 0.034 264.665); --stx-fg-strong: oklch(37.3% 0.034 259.733); --stx-fg-muted: oklch(44.6% 0.03 256.802); --stx-fg-soft: oklch(55.1% 0.027 264.364); --stx-fg-subtle: oklch(70.7% 0.022 261.325); --stx-surface: oklch(98.5% 0.002 247.839); --stx-surface-raised: oklch(96.7% 0.003 264.542); --stx-surface-sunken: oklch(92.8% 0.006 264.531); --stx-line: oklch(92.8% 0.006 264.531); --stx-line-strong: oklch(87.2% 0.01 258.338); --stx-accent: oklch(51.1% 0.262 276.966); --stx-info: oklch(54.6% 0.245 262.881); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(79.5% 0.184 86.047); --stx-accent-solid: oklch(51.1% 0.262 276.966); --stx-info-solid: oklch(54.6% 0.245 262.881); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); } .dark { --stx-fg: oklch(96.7% 0.003 264.542); --stx-fg-strong: oklch(87.2% 0.01 258.338); --stx-fg-muted: oklch(70.7% 0.022 261.325); --stx-fg-soft: oklch(70.7% 0.022 261.325); --stx-fg-subtle: oklch(55.1% 0.027 264.364); --stx-surface: oklch(27.8% 0.033 256.848); --stx-surface-raised: oklch(37.3% 0.034 259.733); --stx-surface-sunken: oklch(37.3% 0.034 259.733); --stx-line: oklch(37.3% 0.034 259.733); --stx-line-strong: oklch(44.6% 0.03 256.802); --stx-accent: oklch(67.3% 0.182 276.935); --stx-info: oklch(70.7% 0.165 254.624); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(58.5% 0.233 277.117); --stx-info-solid: oklch(62.3% 0.214 259.815); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); } @layer cw-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --cw-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .ring { --cw-ring-offset-shadow: var(--cw-ring-inset,) 0 0 0 var(--cw-ring-offset-width, 0px) var(--cw-ring-offset-color, #fff); --cw-ring-shadow: var(--cw-ring-inset,) 0 0 0 calc(3px + var(--cw-ring-offset-width, 0px)) var(--cw-ring-color, rgba(59, 130, 246, 0.5)); box-shadow: var(--cw-ring-offset-shadow), var(--cw-ring-shadow), var(--cw-shadow, 0 0 #0000); } 

package/dist/ui/_stx/crosswind.b7a99a5c.css

@@ -0,0 +1 @@
+ /* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(21% 0.034 264.665); --stx-fg-strong: oklch(37.3% 0.034 259.733); --stx-fg-muted: oklch(44.6% 0.03 256.802); --stx-fg-soft: oklch(55.1% 0.027 264.364); --stx-fg-subtle: oklch(70.7% 0.022 261.325); --stx-surface: oklch(98.5% 0.002 247.839); --stx-surface-raised: oklch(96.7% 0.003 264.542); --stx-surface-sunken: oklch(92.8% 0.006 264.531); --stx-line: oklch(92.8% 0.006 264.531); --stx-line-strong: oklch(87.2% 0.01 258.338); --stx-accent: oklch(51.1% 0.262 276.966); --stx-info: oklch(54.6% 0.245 262.881); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(79.5% 0.184 86.047); --stx-accent-solid: oklch(51.1% 0.262 276.966); --stx-info-solid: oklch(54.6% 0.245 262.881); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); } .dark { --stx-fg: oklch(96.7% 0.003 264.542); --stx-fg-strong: oklch(87.2% 0.01 258.338); --stx-fg-muted: oklch(70.7% 0.022 261.325); --stx-fg-soft: oklch(70.7% 0.022 261.325); --stx-fg-subtle: oklch(55.1% 0.027 264.364); --stx-surface: oklch(27.8% 0.033 256.848); --stx-surface-raised: oklch(37.3% 0.034 259.733); --stx-surface-sunken: oklch(37.3% 0.034 259.733); --stx-line: oklch(37.3% 0.034 259.733); --stx-line-strong: oklch(44.6% 0.03 256.802); --stx-accent: oklch(67.3% 0.182 276.935); --stx-info: oklch(70.7% 0.165 254.624); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(58.5% 0.233 277.117); --stx-info-solid: oklch(62.3% 0.214 259.815); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); } @layer cw-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --cw-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .grid { display: grid; }