@takazudo/zdtp 0.1.0-next.0

package/dist/astro/index.js

@@ -0,0 +1,54 @@
+import { default as t } from "./DesignTokenPanelHost.astro";
+import { s as d } from "../panel-config-DP2_P7dD.js";
+import { c as r } from "../color-schemes-CgzOBqGO.js";
+import { F as g, G as f, a as l, S as z } from "../manifest-DCReQE0k.js";
+const e = {
+  colorScheme: "Default Dark",
+  colorMode: !1
+}, c = {
+  bg: 9,
+  fg: 11,
+  surface: 10,
+  muted: 8,
+  accent: 5,
+  accentHover: 14,
+  link: 4,
+  codeBg: 0,
+  codeFg: 7,
+  success: 2,
+  danger: 1,
+  warning: 3,
+  info: 4,
+  price: 12,
+  sold: 13,
+  active: 14
+}, s = {
+  bg: "--zd-semantic-bg",
+  fg: "--zd-semantic-fg",
+  surface: "--zd-semantic-surface",
+  muted: "--zd-semantic-muted",
+  accent: "--zd-semantic-accent",
+  accentHover: "--zd-semantic-accent-hover",
+  link: "--zd-semantic-link",
+  codeBg: "--zd-semantic-code-bg",
+  codeFg: "--zd-semantic-code-fg",
+  success: "--zd-semantic-success",
+  danger: "--zd-semantic-danger",
+  warning: "--zd-semantic-warning",
+  info: "--zd-semantic-info",
+  price: "--zd-semantic-price",
+  sold: "--zd-semantic-sold",
+  active: "--zd-semantic-active"
+};
+export {
+  t as DesignTokenPanelHost,
+  g as FONT_GROUP_ORDER,
+  f as GROUP_ORDER,
+  l as GROUP_TITLES,
+  s as SEMANTIC_CSS_NAMES,
+  c as SEMANTIC_DEFAULTS_ZD,
+  z as SIZE_GROUP_ORDER,
+  r as colorSchemes,
+  e as panelSettings,
+  d as setPanelColorPresets
+};

package/dist/bin/cors.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Pure CORS helpers for the `zdtp-server` bin.
+ *
+ * Origin matching is **case-sensitive on the entire scheme + host + port**
+ * string — wildcards and pattern matching are intentionally not supported.
+ * The browser sends the origin verbatim; the bin operator declares the exact
+ * allowed origins via repeated `--allow-origin` flags.
+ */
+/**
+ * @param origin    The `Origin` header from the incoming request, or
+ *                  null/undefined if the header was absent.
+ * @param allowList The exact-match allow-list configured at bin startup.
+ * @returns true iff `origin` is a non-empty string present in `allowList`.
+ */
+export declare function isOriginAllowed(origin: string | null | undefined, allowList: readonly string[]): boolean;
+/**
+ * Build the four `Access-Control-Allow-*` headers for a successful CORS
+ * response (preflight 204 OR the wrapped POST /apply response). The caller
+ * is responsible for only calling this when `isOriginAllowed` returned true,
+ * so the echoed origin value is always one the operator has explicitly
+ * permitted.
+ */
+export declare function buildCorsHeaders(origin: string): Record<string, string>;
+//# sourceMappingURL=cors.d.ts.map

package/dist/bin/cors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cors.d.ts","sourceRoot":"","sources":["../../src/bin/cors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,SAAS,EAAE,SAAS,MAAM,EAAE,GAC3B,OAAO,CAIT;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAOvE"}

package/dist/bin/parse-args.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Pure-function argv parser for the `zdtp-server` bin.
+ *
+ * No external dependencies — only standard JS/TS — so this module is trivially
+ * unit-testable and can be imported safely from non-Node contexts (although in
+ * practice the bin file is the only consumer).
+ *
+ * Surface (matches the parse-args contract):
+ *
+ *   --root <dir>             repo root; default: process.cwd() (parser leaves null)
+ *   --write-root <path>      REQUIRED; absolute or relative-to-root
+ *   --routing <path>         REQUIRED; routing JSON file path
+ *   --port <number>          default 24681
+ *   --host <addr>            default 127.0.0.1
+ *   --allow-origin <origin>  repeatable; required at least once for browser POST
+ *   --quiet                  suppress per-request logs
+ *   --help                   print usage and exit 0
+ *
+ * On invalid input, throws a descriptive `Error`. The bin entry catches it,
+ * writes the message to stderr, and exits 1.
+ */
+export interface ParsedArgs {
+    root: string | null;
+    writeRoot: string | null;
+    routing: string | null;
+    port: number;
+    host: string;
+    allowOrigins: string[];
+    quiet: boolean;
+    help: boolean;
+}
+export declare const HELP_TEXT = "Usage: zdtp-server [options]\n\nRun a small Node http server that wraps the design-token apply handler.\n\nOptions:\n  --root <dir>              Repo root used as the CWD reference for routing\n                            paths. Defaults to the current working directory.\n  --write-root <path>       REQUIRED. Absolute or root-relative path to the\n                            single directory the bin is allowed to write into.\n  --routing <path>          REQUIRED. Path to the routing JSON file\n                            (prefix -> repo-relative CSS file path).\n  --port <number>           TCP port to bind. Default: 24681.\n  --host <addr>             Host/interface to bind. Default: 127.0.0.1.\n                            Use 0.0.0.0 to expose on the LAN (off by default).\n  --allow-origin <origin>   Origin allowed to POST to /apply. Repeatable.\n                            At least one is required for any browser to apply.\n  --quiet                   Suppress per-request logs.\n  --help                    Print this message and exit.\n\nExamples:\n  zdtp-server \\\n    --write-root tokens \\\n    --routing ./my.routing.json \\\n    --allow-origin http://localhost:34434\n";
+/**
+ * Parse a raw argv array (typically `process.argv.slice(2)`) into a
+ * `ParsedArgs` record. Throws on malformed input — the bin handles the throw.
+ */
+export declare function parseArgs(argv: readonly string[]): ParsedArgs;
+//# sourceMappingURL=parse-args.d.ts.map

package/dist/bin/parse-args.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-args.d.ts","sourceRoot":"","sources":["../../src/bin/parse-args.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAKH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,SAAS,6qCAwBrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,UAAU,CA4E7D"}

package/dist/bin/server.d.ts

@@ -0,0 +1,23 @@
+/**
+ * `zdtp-server` bin entry.
+ *
+ * The `#!/usr/bin/env node` shebang is intentionally NOT in this source file —
+ * Vite/Rollup re-injects it via `output.banner` (see vite.config.ts) onto the
+ * emitted `dist/bin/server.js`. That keeps the bundled file as the single
+ * source of truth for the executable header and avoids esbuild rejecting a
+ * double-shebang in the build output.
+ *
+ * Wraps the framework-agnostic `createApplyHandler` from `../server` in a tiny
+ * Node `http` server that:
+ *
+ *   - parses argv via `parseArgs`
+ *   - resolves --root / --write-root / --routing
+ *   - loads the routing JSON via `loadRoutingFromFile`
+ *   - serves OPTIONS/POST /apply with CORS gating, plus GET /healthz, plus
+ *     404/405 for everything else
+ *   - logs apply outcomes (unless --quiet)
+ *   - exits 1 with a friendly stderr message on EADDRINUSE
+ *   - shuts down gracefully on SIGINT/SIGTERM
+ */
+export {};
+//# sourceMappingURL=server.d.ts.map

package/dist/bin/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/bin/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG"}

package/dist/bin/server.js

@@ -0,0 +1,283 @@
+#!/usr/bin/env node
+import { realpathSync as H } from "node:fs";
+import { createServer as C } from "node:http";
+import { resolve as d } from "node:path";
+import { l as x, c as N } from "../load-routing-XyKgftpe.js";
+function g(t, e) {
+  return typeof t != "string" || t.length === 0 || e.length === 0 ? !1 : e.includes(t);
+}
+function w(t) {
+  return {
+    "Access-Control-Allow-Origin": t,
+    "Access-Control-Allow-Methods": "POST, OPTIONS",
+    "Access-Control-Allow-Headers": "content-type",
+    "Access-Control-Max-Age": "600"
+  };
+}
+const k = 24681, b = "127.0.0.1", $ = `Usage: zdtp-server [options]
+
+Run a small Node http server that wraps the design-token apply handler.
+
+Options:
+  --root <dir>              Repo root used as the CWD reference for routing
+                            paths. Defaults to the current working directory.
+  --write-root <path>       REQUIRED. Absolute or root-relative path to the
+                            single directory the bin is allowed to write into.
+  --routing <path>          REQUIRED. Path to the routing JSON file
+                            (prefix -> repo-relative CSS file path).
+  --port <number>           TCP port to bind. Default: ${k}.
+  --host <addr>             Host/interface to bind. Default: ${b}.
+                            Use 0.0.0.0 to expose on the LAN (off by default).
+  --allow-origin <origin>   Origin allowed to POST to /apply. Repeatable.
+                            At least one is required for any browser to apply.
+  --quiet                   Suppress per-request logs.
+  --help                    Print this message and exit.
+
+Examples:
+  zdtp-server \\
+    --write-root tokens \\
+    --routing ./my.routing.json \\
+    --allow-origin http://localhost:34434
+`;
+function v(t) {
+  const e = {
+    root: null,
+    writeRoot: null,
+    routing: null,
+    port: k,
+    host: b,
+    allowOrigins: [],
+    quiet: !1,
+    help: !1
+  };
+  let o = 0;
+  for (; o < t.length; ) {
+    const n = t[o];
+    switch (n) {
+      case "--help":
+      case "-h":
+        e.help = !0, o += 1;
+        break;
+      case "--quiet":
+        e.quiet = !0, o += 1;
+        break;
+      case "--root":
+        e.root = c(t, o, "--root"), o += 2;
+        break;
+      case "--write-root":
+        e.writeRoot = c(t, o, "--write-root"), o += 2;
+        break;
+      case "--routing":
+        e.routing = c(t, o, "--routing"), o += 2;
+        break;
+      case "--host":
+        e.host = c(t, o, "--host"), o += 2;
+        break;
+      case "--port": {
+        const s = c(t, o, "--port"), r = Number(s);
+        if (!Number.isInteger(r) || r < 0 || r > 65535)
+          throw new Error(`--port must be an integer in 0..65535 (got ${JSON.stringify(s)})`);
+        e.port = r, o += 2;
+        break;
+      }
+      case "--allow-origin": {
+        const s = c(t, o, "--allow-origin");
+        e.allowOrigins.push(s), o += 2;
+        break;
+      }
+      default:
+        throw new Error(`Unknown option: ${n}`);
+    }
+  }
+  if (e.help) return e;
+  if (!e.writeRoot)
+    throw new Error("--write-root is required (the only directory the bin will write into)");
+  if (!e.routing)
+    throw new Error("--routing is required (path to the routing JSON file)");
+  return e;
+}
+function c(t, e, o) {
+  const n = t[e + 1];
+  if (typeof n != "string" || n.startsWith("--"))
+    throw new Error(`${o} requires a value`);
+  return n;
+}
+const y = "/apply", D = "/healthz";
+function L(t) {
+  const e = d(t.root ?? process.cwd()), o = d(e, t.writeRoot), n = d(e, t.routing);
+  return {
+    rootDir: e,
+    writeRoot: o,
+    routingPath: n,
+    port: t.port,
+    host: t.host,
+    allowOrigins: t.allowOrigins,
+    quiet: t.quiet
+  };
+}
+function a(t, e, o) {
+  const n = JSON.stringify(o);
+  t.statusCode = e, t.setHeader("Content-Type", "application/json"), t.setHeader("Content-Length", Buffer.byteLength(n).toString()), t.end(n);
+}
+const O = 1048576;
+function U(t) {
+  return new Promise((e, o) => {
+    const n = [];
+    let s = 0;
+    t.on("data", (r) => {
+      if (s += r.byteLength, s > O) {
+        e(413), t.destroy();
+        return;
+      }
+      n.push(r);
+    }), t.on("end", () => e(Buffer.concat(n).toString("utf-8"))), t.on("error", o);
+  });
+}
+function I(t) {
+  const e = new Headers();
+  for (const [o, n] of Object.entries(t.headers))
+    if (Array.isArray(n))
+      for (const s of n) e.append(o, s);
+    else typeof n == "string" && e.set(o, n);
+  return e;
+}
+async function j(t, e, o) {
+  t.statusCode = e.status, e.headers.forEach((s, r) => {
+    t.setHeader(r, s);
+  });
+  for (const [s, r] of Object.entries(o))
+    t.setHeader(s, r);
+  const n = await e.text();
+  t.end(n);
+}
+function q(t, e) {
+  if (!t)
+    try {
+      const o = JSON.parse(e);
+      if (!o.ok || !Array.isArray(o.updated)) return;
+      const n = o.updated.reduce(
+        (i, l) => i + (Array.isArray(l.changed) ? l.changed.length : 0),
+        0
+      ), s = o.updated.length, r = o.updated.filter((i) => Array.isArray(i.changed) && i.changed.length > 0).map((i) => i.file);
+      console.log(
+        `[design-token-panel] applied ${n} tokens to ${s} files (changed: ${r.length > 0 ? r.join(", ") : "none"})`
+      );
+    } catch {
+    }
+}
+function F(t) {
+  const { applyHandler: e, config: o } = t;
+  return async function(s, r) {
+    const i = s.url ?? "/", l = (s.method ?? "GET").toUpperCase(), u = typeof s.headers.origin == "string" ? s.headers.origin : null;
+    try {
+      if (i === D && l === "GET") {
+        a(r, 200, {
+          ok: !0,
+          writeRoot: o.writeRoot,
+          routing: o.routingPath,
+          port: o.port
+        });
+        return;
+      }
+      if (i === y) {
+        if (l === "OPTIONS") {
+          if (!g(u, o.allowOrigins)) {
+            a(r, 403, { ok: !1, error: "Origin not allowed" });
+            return;
+          }
+          const S = w(u);
+          for (const [P, E] of Object.entries(S))
+            r.setHeader(P, E);
+          r.statusCode = 204, r.end();
+          return;
+        }
+        if (l !== "POST") {
+          r.setHeader("Allow", "POST, OPTIONS"), a(r, 405, { ok: !1, error: "Method not allowed" });
+          return;
+        }
+        const p = s.headers["content-type"];
+        if (typeof p != "string" || !p.toLowerCase().includes("application/json")) {
+          a(r, 415, { ok: !1, error: "Content-Type must be application/json" });
+          return;
+        }
+        if (!g(u, o.allowOrigins)) {
+          a(r, 403, { ok: !1, error: "Origin not allowed" });
+          return;
+        }
+        const f = await U(s);
+        if (f === 413) {
+          a(r, 413, {
+            ok: !1,
+            error: "Payload Too Large",
+            limit: O
+          });
+          return;
+        }
+        const m = f, A = new Request(`http://localhost${y}`, {
+          method: "POST",
+          headers: I(s),
+          body: m
+        }), h = await e(A), R = await h.clone().text(), T = w(u);
+        await j(r, h, T), q(o.quiet, R);
+        return;
+      }
+      a(r, 404, { ok: !1, error: "Not found" });
+    } catch (p) {
+      console.error("[design-token-panel] Unhandled error:", p), r.headersSent ? r.end() : a(r, 500, { ok: !1, error: "Internal server error" });
+    }
+  };
+}
+function _(t, e) {
+  t.on("error", (n) => {
+    n.code === "EADDRINUSE" && (console.error(`[design-token-panel] port ${e} already in use`), process.exit(1)), console.error("[design-token-panel] Server error:", n), process.exit(1);
+  });
+  const o = (n) => {
+    t.close(() => {
+      process.exit(0);
+    }), setTimeout(() => {
+      console.error(`[design-token-panel] force-exiting after ${n}`), process.exit(0);
+    }, 5e3).unref();
+  };
+  process.on("SIGINT", o), process.on("SIGTERM", o);
+}
+function B() {
+  let t;
+  try {
+    t = v(process.argv.slice(2));
+  } catch (r) {
+    console.error(`[design-token-panel] ${r.message}`), console.error(""), console.error("Run --help for usage."), process.exit(1);
+  }
+  t.help && (process.stdout.write($), process.exit(0));
+  const e = L(t);
+  let o;
+  try {
+    o = x(e.routingPath);
+  } catch (r) {
+    console.error(`[design-token-panel] Failed to load routing: ${r.message}`), process.exit(1);
+  }
+  const n = N({
+    rootDir: e.rootDir,
+    writeRoot: e.writeRoot,
+    routing: o
+  }), s = C(F({ applyHandler: n, config: e }));
+  _(s, e.port), s.listen(e.port, e.host, () => {
+    if (!e.quiet) {
+      const r = s.address(), i = typeof r == "object" && r ? r.port : e.port;
+      console.log(
+        `[design-token-panel] listening on http://${e.host}:${i} (writeRoot: ${e.writeRoot})`
+      ), e.allowOrigins.length === 0 && console.log(
+        "[design-token-panel] WARNING: no --allow-origin set; browser POST /apply will be rejected."
+      );
+    }
+  });
+}
+const G = (() => {
+  if (typeof process.argv[1] != "string") return !1;
+  try {
+    const t = H(process.argv[1]), e = new URL(`file://${d(t)}`).href, o = import.meta.url;
+    return e === o;
+  } catch {
+    return !1;
+  }
+})();
+G && B();

package/dist/color-schemes-CgzOBqGO.js

@@ -0,0 +1,85 @@
+const e = {
+  "Default Light": {
+    background: 9,
+    foreground: 11,
+    cursor: 6,
+    selectionBg: 11,
+    selectionFg: 10,
+    palette: [
+      "#303030",
+      "#dd3131",
+      "#266538",
+      "#a83838",
+      "#3277c8",
+      "#a35e0f",
+      "#90a1b9",
+      "#7a5218",
+      "#6b6b6b",
+      "#e2ddda",
+      "#ece9e9",
+      "#303030",
+      "#5b99dc",
+      "#b89ee7",
+      "#8590a0",
+      "#b91c1c"
+    ],
+    shikiTheme: "catppuccin-latte",
+    semantic: {
+      surface: 10,
+      muted: 8,
+      accent: 5,
+      accentHover: 14,
+      codeBg: 10,
+      codeFg: 11,
+      success: 2,
+      danger: 1,
+      warning: 3,
+      info: 4
+    }
+  },
+  "Default Dark": {
+    background: 9,
+    // p11 (light gray) — not p15. The example palette repurposes p15 as a
+    // brand-red accent, so pinning `foreground` to p15 would paint the
+    // panel's fg swatch red and make every `fg`-mapped semantic resolve
+    // to red. p11 aligns with SEMANTIC_DEFAULTS_ZD.fg (also 11).
+    foreground: 11,
+    cursor: 6,
+    selectionBg: 10,
+    selectionFg: 11,
+    palette: [
+      "#1c1c1c",
+      "#da6871",
+      "#93bb77",
+      "#dfbb77",
+      "#5caae9",
+      "#c074d6",
+      "#90a1b9",
+      "#a0a0a0",
+      "#888888",
+      "18",
+      "#383838",
+      "#e0e0e0",
+      "#d69a66",
+      "#c074d6",
+      "#a7c0e3",
+      "#b91c1c"
+    ],
+    shikiTheme: "vitesse-dark",
+    semantic: {
+      surface: 0,
+      muted: 8,
+      accent: 12,
+      accentHover: 14,
+      codeBg: 10,
+      codeFg: 11,
+      success: 2,
+      danger: 1,
+      warning: 3,
+      info: 4
+    }
+  }
+};
+export {
+  e as c
+};

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,64 @@
+/**
+ * ColorPicker — dual-mode (OKLCH | HSL) color picker for the design-token panel.
+ *
+ * Renders as a "popover body only" component — the parent is responsible for
+ * mounting/unmounting based on an open/closed boolean. No trigger swatch, no
+ * portal, no createPortal.
+ *
+ * Issue #175 (Wave 2 of the OKLCH Picker epic, issue #174-base).
+ *
+ * Design rules (see packages/zudo-design-token-panel/CLAUDE.md):
+ *   - All interactive elements use <div role="button" tabIndex={0}> with
+ *     explicit Enter/Space onKeyDown handlers. Native button and heading tags
+ *     are not used (hostile-host policy).
+ *   - BEM class names: tokenpanel-color-picker-* (locked external contract).
+ *   - usePopoverClose: pointerdown + Escape only — NO scroll listener.
+ *   - Mode persisted to localStorage under key tokenpanel.colorPicker.mode.
+ *   - Alpha always shown; alpha ∈ [0, 100] scale throughout.
+ *   - useSyncedHex: incoming color prop ignored while isDraggingRef.current.
+ */
+import type { JSX } from 'preact';
+export type ColorPickerMode = 'oklch' | 'hsl';
+export interface ColorPickerProps {
+    /** Current hex color (#RRGGBB or #RRGGBBAA). Source of truth. */
+    color: string;
+    /** Called when the user commits a new color via any sub-control. */
+    onChange: (hex: string) => void;
+    /** Optional label rendered in the picker header. */
+    label?: string;
+    /**
+     * Initial mode. The runtime mode is uncontrolled inside the component
+     * and persisted via localStorage[LOCAL_STORAGE_KEY]. Defaults to 'oklch'.
+     */
+    defaultMode?: ColorPickerMode;
+    /** Element to anchor the popover against (popover sits below/above it). */
+    anchorRef: React.RefObject<HTMLElement | null>;
+    /** Called when the picker requests to close itself (Escape / outside click). */
+    onClose: () => void;
+}
+export declare const LOCAL_STORAGE_KEY = "tokenpanel.colorPicker.mode";
+/**
+ * Compute a `position: fixed` style that places the popover below (or above,
+ * if flipped) the anchor element, then clamps all edges inside the viewport.
+ *
+ * When vertical space is scarce on both sides, the popover is pinned to the
+ * top edge (top = pad) and given a max-height + overflow: auto so it scrolls
+ * rather than clips.
+ */
+export declare function getFixedPopoverStyle(anchor: HTMLElement | null, estW: number, estH: number): JSX.CSSProperties;
+/**
+ * Close the popover on outside pointerdown or Escape key.
+ *
+ * Deliberately does NOT close on scroll — a scroll event on the host page
+ * should not dismiss an in-flight color edit.
+ */
+export declare function usePopoverClose(containerRef: React.RefObject<HTMLElement | null>, onClose: () => void): void;
+/**
+ * ColorPicker — popover body only.
+ *
+ * The parent renders `{isOpen && <ColorPicker ... />}`. This component does
+ * NOT render a trigger swatch and does NOT use createPortal.
+ */
+export declare function ColorPicker({ color, onChange, label, defaultMode, anchorRef, onClose, }: ColorPickerProps): JSX.Element;
+export default ColorPicker;
+//# sourceMappingURL=color-picker.d.ts.map

package/dist/components/color-picker/color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;GAkBG;AAUH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAiBlC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,2EAA2E;IAC3E,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,iBAAiB,gCAAgC,CAAC;AAyJ/D;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,GAAG,CAAC,aAAa,CAuCnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACjD,OAAO,EAAE,MAAM,IAAI,GAClB,IAAI,CA2BN;AAID;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAqB,EACrB,SAAS,EACT,OAAO,GACR,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyehC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/color-picker/custom-slider.d.ts

@@ -0,0 +1,25 @@
+import type { JSX } from 'preact';
+export interface SliderConfig {
+    key: string;
+    /** Single-character label, e.g. 'L', 'H'. */
+    label: string;
+    /** Full accessible label, e.g. 'Lightness', 'Hue'. */
+    ariaLabel: string;
+    min: number;
+    max: number;
+    step: number;
+    /** Format the numeric value for display in the value span. */
+    format: (v: number) => string;
+}
+export interface CustomSliderProps {
+    config: SliderConfig;
+    value: number;
+    /** CSS gradient string applied to the track div's background. */
+    gradient: string;
+    onChange: (next: number) => void;
+    onDragStart: () => void;
+    onDragEnd: () => void;
+}
+export declare function CustomSlider({ config, value, gradient, onChange, onDragStart, onDragEnd, }: CustomSliderProps): JSX.Element;
+export default CustomSlider;
+//# sourceMappingURL=custom-slider.d.ts.map

package/dist/components/color-picker/custom-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-slider.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/custom-slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAWlC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAoCD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA+LjC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorPicker, type ColorPickerMode, type ColorPickerProps, LOCAL_STORAGE_KEY, getFixedPopoverStyle, usePopoverClose, } from './color-picker';
+export { default } from './color-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}