@lostgradient/cinder 0.1.1 → 0.2.0

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

@@ -0,0 +1,180 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/skip-link/skip-link.svelte
+import"svelte/internal/disclose-version";
+import * as $3 from "svelte/internal/client";
+
+// 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/client";
+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"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+function Visually_hidden($$anchor, $$props) {
+  $2.push($$props, true);
+  let as = $2.prop($$props, "as", 3, "span"), focusable = $2.prop($$props, "focusable", 3, false), rest = $2.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "as",
+    "focusable",
+    "class",
+    "children"
+  ]);
+  const mergedClass = $2.derived(() => classNames("cinder-sr-only", focusable() && "cinder-sr-only-focusable", $$props.class));
+  var fragment = $2.comment();
+  var node = $2.first_child(fragment);
+  $2.element(node, as, false, ($$element, $$anchor2) => {
+    $2.attribute_effect($$element, () => ({ class: $2.get(mergedClass), ...rest }));
+    var fragment_1 = $2.comment();
+    var node_1 = $2.first_child(fragment_1);
+    $2.snippet(node_1, () => $$props.children ?? $2.noop);
+    $2.append($$anchor2, fragment_1);
+  });
+  $2.append($$anchor, fragment);
+  $2.pop();
+}
+
+// src/components/skip-link/skip-link.svelte
+function Skip_link($$anchor, $$props) {
+  $3.push($$props, true);
+  const motion = useReducedMotion();
+  const mergedClass = $3.derived(() => classNames($$props.class));
+  const MANAGED_ATTRIBUTE = "data-cinder-skip-link-managed";
+  function handleClick(event) {
+    const element2 = document.getElementById($$props.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($$anchor, {
+    as: "a",
+    get href() {
+      return `#${$$props.target ?? ""}`;
+    },
+    focusable: true,
+    get class() {
+      return $3.get(mergedClass);
+    },
+    onclick: handleClick,
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $3.comment();
+      var node = $3.first_child(fragment_1);
+      {
+        var consequent = ($$anchor3) => {
+          var fragment_2 = $3.comment();
+          var node_1 = $3.first_child(fragment_2);
+          $3.snippet(node_1, () => $$props.children);
+          $3.append($$anchor3, fragment_2);
+        };
+        var alternate = ($$anchor3) => {
+          var text2 = $3.text("Skip to main content");
+          $3.append($$anchor3, text2);
+        };
+        $3.if(node, ($$render) => {
+          if ($$props.children)
+            $$render(consequent);
+          else
+            $$render(alternate, -1);
+        });
+      }
+      $3.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  });
+  $3.pop();
+}
+
+// src/components/skip-link/index.ts
+var skip_link_default = Skip_link;
+export {
+  skip_link_default as default,
+  Skip_link as SkipLink
+};
+
+//# debugId=3788844A2761C4BA64756E2164756E21

package/dist/components/skip-link/skip-link.schema.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentSchema } from '../../schema-types';
+declare const _default: ComponentSchema;
+export default _default;

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

@@ -0,0 +1,76 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// 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=39DE6677223DE4D864756E2164756E21

package/dist/components/skip-link/skip-link.svelte.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @cinder
+ * @category navigation
+ * @status stable
+ * @purpose Visually hidden skip link that moves keyboard focus to a landmark element, letting keyboard and screen reader users bypass repeated navigation.
+ * @tag navigation
+ * @tag accessibility
+ * @tag skip-link
+ * @useWhen Providing a keyboard shortcut to jump past site-wide navigation directly to the main content area.
+ * @useWhen Meeting WCAG 2.4.1 (Bypass Blocks) without adding visible chrome to the layout.
+ * @avoidWhen The page has no repeated navigation block — a skip link adds no value on single-panel layouts.
+ * @avoidWhen The target region already receives focus naturally without intervention.
+ * @related visually-hidden
+ */
+export type { SkipLinkProps } from './skip-link.types.ts';
+import type { SkipLinkProps } from './skip-link.types.ts';
+declare const SkipLink: import("svelte").Component<SkipLinkProps, {}, "">;
+type SkipLink = ReturnType<typeof SkipLink>;
+export default SkipLink;

package/dist/components/skip-link/skip-link.types.d.ts

@@ -0,0 +1,38 @@
+import type { Snippet } from 'svelte';
+/**
+ * Props for the SkipLink component.
+ *
+ * SkipLink composes over VisuallyHidden using `as="a"` with `focusable` mode.
+ * The `target` prop is the id of the element to scroll and move focus to on
+ * activation; the link's `href` is set to `#${target}` automatically.
+ *
+ * The surface is intentionally minimal — `target`, optional `children`, and
+ * `class`. A skip link is a single-purpose control, so it does NOT forward an
+ * arbitrary HTML-attribute bag: doing so would (a) let a consumer's `onclick`
+ * clobber the internal focus-management handler, and (b) blow VisuallyHidden's
+ * `HTMLAttributes & HTMLAnchorAttributes` props into a "union too complex to
+ * represent" error when spread. This matches the issue's proposed API exactly:
+ * `<SkipLink target="main-content">Skip to main content</SkipLink>`.
+ */
+export type SkipLinkProps = {
+    /**
+     * The `id` of the element to receive focus and scroll into view when the
+     * skip link is activated. Required. The rendered `href` is `#${target}`.
+     */
+    target: string;
+    /** Optional override for the visible label. Defaults to "Skip to main content". */
+    children?: Snippet;
+    /** Additional classes merged onto the visually-hidden anchor. */
+    class?: string;
+};
+/**
+ * Cinder-specific props for the SkipLink component, used by the schema generator.
+ */
+export interface SkipLinkSchemaProps {
+    /**
+     * The `id` of the element to receive focus when the link is activated.
+     */
+    target: string;
+    /** Additional classes merged onto the visually-hidden anchor. */
+    class?: string;
+}

package/dist/components/skip-link/skip-link.variables.d.ts

@@ -0,0 +1,2 @@
+declare const variables: readonly string[];
+export default variables;

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

@@ -0,0 +1,61 @@
+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 __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/skip-link/skip-link.variables.ts
+var variables = [];
+var skip_link_variables_default = variables;
+export {
+  skip_link_variables_default as default
+};
+
+//# debugId=68E422C4511509C164756E2164756E21

package/dist/components/spectrogram/index.d.ts

@@ -0,0 +1,5 @@
+import './spectrogram.css';
+import Spectrogram from './spectrogram.svelte';
+export default Spectrogram;
+export type { SpectrogramFrame, SpectrogramProps, SpectrogramSchemaProps, } from './spectrogram.types.ts';
+export { Spectrogram };