@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/server/components/shortcut-hint/shortcut-hint.schema.js

@@ -0,0 +1,78 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/shortcut-hint/shortcut-hint.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    keys: {
+      type: "array",
+      items: {
+        type: "string"
+      },
+      description: "The key sequence to display."
+    },
+    keysLabel: {
+      type: "string",
+      description: "Accessible label for the key combo."
+    },
+    keysPosition: {
+      enum: ["before", "after"],
+      description: "Position of keys relative to children.",
+      default: "after"
+    },
+    class: {
+      type: "string",
+      description: "Additional class names merged with `.cinder-shortcut-hint`."
+    }
+  },
+  additionalProperties: false,
+  required: ["keys"],
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "children",
+        reason: "function-or-snippet"
+      }
+    ]
+  }
+};
+var shortcut_hint_schema_default = schema;
+export {
+  shortcut_hint_schema_default as default
+};
+
+//# debugId=D65BF5B0A1ACCED064756E2164756E21

package/dist/server/components/shortcut-hint/shortcut-hint.variables.js

@@ -0,0 +1,43 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/shortcut-hint/shortcut-hint.variables.ts
+var variables = [];
+var shortcut_hint_variables_default = variables;
+export {
+  shortcut_hint_variables_default as default
+};
+
+//# debugId=E0B5BBDE71557C4364756E2164756E21

package/dist/server/components/skip-link/index.js

@@ -0,0 +1,141 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/skip-link/skip-link.svelte
+import * as $3 from "svelte/internal/server";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/utilities/use-reduced-motion.svelte.ts
+import * as $ from "svelte/internal/server";
+import { MediaQuery } from "svelte/reactivity";
+function useReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return { current: false };
+  }
+  const query = new MediaQuery("(prefers-reduced-motion: reduce)", false);
+  return {
+    get current() {
+      return query.current;
+    }
+  };
+}
+
+// src/components/visually-hidden/visually-hidden.svelte
+import * as $2 from "svelte/internal/server";
+function Visually_hidden($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      as = "span",
+      focusable = false,
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const mergedClass = $2.derived(() => classNames("cinder-sr-only", focusable && "cinder-sr-only-focusable", className));
+    $2.element($$renderer2, as, () => {
+      $$renderer2.push(`${$2.attributes({ class: $2.clsx(mergedClass()), ...rest })}`);
+    }, () => {
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    });
+  });
+}
+
+// src/components/skip-link/skip-link.svelte
+function Skip_link($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { target, class: className, children } = $$props;
+    const motion = useReducedMotion();
+    const mergedClass = $3.derived(() => classNames(className));
+    const MANAGED_ATTRIBUTE = "data-cinder-skip-link-managed";
+    function handleClick(event) {
+      const element2 = document.getElementById(target);
+      if (!element2) {
+        return;
+      }
+      event.preventDefault();
+      const alreadyManaged = element2.hasAttribute(MANAGED_ATTRIBUTE);
+      if (!alreadyManaged) {
+        const originalTabIndex = element2.getAttribute("tabindex");
+        element2.setAttribute(MANAGED_ATTRIBUTE, "");
+        element2.setAttribute("tabindex", "-1");
+        element2.addEventListener("blur", () => {
+          element2.removeAttribute(MANAGED_ATTRIBUTE);
+          if (originalTabIndex === null) {
+            element2.removeAttribute("tabindex");
+          } else {
+            element2.setAttribute("tabindex", originalTabIndex);
+          }
+        }, { once: true });
+      }
+      element2.focus({ preventScroll: true });
+      element2.scrollIntoView({ behavior: motion.current ? "auto" : "smooth", block: "start" });
+    }
+    Visually_hidden($$renderer2, {
+      as: "a",
+      href: `#${$3.stringify(target)}`,
+      focusable: true,
+      class: mergedClass(),
+      onclick: handleClick,
+      children: ($$renderer3) => {
+        if (children) {
+          $$renderer3.push("<!--[0-->");
+          children($$renderer3);
+          $$renderer3.push(`<!---->`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`Skip to main content`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    });
+  });
+}
+
+// src/components/skip-link/index.ts
+var skip_link_default = Skip_link;
+export {
+  skip_link_default as default,
+  Skip_link as SkipLink
+};
+
+//# debugId=066999B0558DA77864756E2164756E21

package/dist/server/components/skip-link/skip-link.schema.js

@@ -0,0 +1,58 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/skip-link/skip-link.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    target: {
+      type: "string",
+      description: "The `id` of the element to receive focus when the link is activated."
+    },
+    class: {
+      type: "string",
+      description: "Additional classes merged onto the visually-hidden anchor."
+    }
+  },
+  additionalProperties: false,
+  required: ["target"]
+};
+var skip_link_schema_default = schema;
+export {
+  skip_link_schema_default as default
+};
+
+//# debugId=980C8F092126595F64756E2164756E21

package/dist/server/components/skip-link/skip-link.variables.js

@@ -0,0 +1,43 @@
+import { createRequire } from "node:module";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/skip-link/skip-link.variables.ts
+var variables = [];
+var skip_link_variables_default = variables;
+export {
+  skip_link_variables_default as default
+};
+
+//# debugId=8B05338F944A34CF64756E2164756E21

package/dist/server/components/spectrogram/index.css

@@ -0,0 +1,45 @@
+/* src/components/spectrogram/spectrogram.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-spectrogram {
+    display: grid;
+    gap: var(--cinder-space-3);
+    color: var(--cinder-text);
+  }
+
+  .cinder-spectrogram__description {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  .cinder-spectrogram__viewport {
+    position: relative;
+  }
+
+  .cinder-spectrogram svg {
+    display: block;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .cinder-spectrogram__cell {
+    stroke: none;
+  }
+
+  .cinder-spectrogram__tick-label {
+    fill: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-spectrogram__state {
+    position: absolute;
+    display: grid;
+    color: var(--cinder-text-muted);
+    background: color-mix(in oklch, var(--cinder-surface) 88%, transparent);
+    z-index: 1;
+    place-items:  center;
+    inset: 0;
+  }
+}