@kitlangton/knobs 0.4.0-next.0 → 0.4.0-next.10

package/dist/dev/{chunk-t68smqkc.js → chunk-a7cjgy8x.js}

@@ -1,13 +1,15 @@
 import {
   __preload
-} from "./chunk-7xgkerd2.js";
+} from "./chunk-3ygqgy1x.js";
 import {
+  applyLook,
+  panelLook,
   iconSvg,
   readSession,
   writeSession,
   injectStyles,
   toggleLayer
-} from "./chunk-pmkvb9ep.js";
+} from "./chunk-dyq4m24m.js";
 
 // src/panel/attach.ts
 function attach(controls, element, options = {}) {
@@ -16,7 +18,7 @@ function attach(controls, element, options = {}) {
   let doc = element.ownerDocument, win = doc.defaultView;
   injectStyles(doc);
   let label = options.label ?? controls.chip.label, reveal = options.reveal ?? controls.chip.reveal, shortcut = options.shortcut ?? controls.chip.shortcut, chip = doc.createElement("button");
-  chip.className = "knobs-chip", chip.dataset.theme = controls.theme, chip.type = "button";
+  chip.className = "knobs-root knobs-chip", applyLook(chip, panelLook(controls)), chip.type = "button";
   let renderFace = (text) => {
     let face = [iconSvg(doc, "gear")];
     if (text) {
@@ -83,7 +85,7 @@ function attach(controls, element, options = {}) {
       return;
     loading = !0;
     try {
-      let { createPanel } = await (__preload("stbcgz1y"), import("./chunk-stbcgz1y.js"));
+      let { createPanel } = await (__preload("5pb7ymrd"), import("./chunk-5pb7ymrd.js"));
       if (disposed || !controls.enabled || panel)
         return;
       if (panel = createPanel(controls, element, close, { restored, chip }), remember)
@@ -104,7 +106,7 @@ function attach(controls, element, options = {}) {
     if (!revealed())
       close(!1);
     update();
-  }, offShortcut = reveal === "shortcut" ? listenForShortcut(win, shortcut, controls.theme) : void 0;
+  }, offShortcut = reveal === "shortcut" ? listenForShortcut(win, shortcut, panelLook(controls)) : void 0;
   win.addEventListener(MODE_EVENT, onMode);
   let toggled = controls.toggleKey ? toggleLayer(doc).register({
     id: controls.id,
@@ -137,7 +139,7 @@ function matchShortcut(shortcut) {
   let parts = shortcut.split("+").map((p) => p.trim().toLowerCase()), key = parts.pop() ?? "", has = (...names) => parts.some((p) => names.includes(p)), alt = has("alt", "option", "opt", "⌥"), shift = has("shift", "⇧"), ctrl = has("ctrl", "control", "⌃"), meta = has("meta", "cmd", "command", "⌘"), code = /^[a-z]$/.test(key) ? `Key${key.toUpperCase()}` : /^\d$/.test(key) ? `Digit${key}` : "";
   return (event) => event.altKey === alt && event.shiftKey === shift && event.ctrlKey === ctrl && event.metaKey === meta && (code ? event.code === code : event.key.toLowerCase() === key);
 }
-function listenForShortcut(win, shortcut, theme) {
+function listenForShortcut(win, shortcut, look) {
   let matches = matchShortcut(shortcut), onKey = (event) => {
     if (event.defaultPrevented || event.repeat || !matches(event))
       return;
@@ -148,16 +150,16 @@ function listenForShortcut(win, shortcut, theme) {
     try {
       win.sessionStorage.setItem(MODE_KEY, on ? "on" : "off");
     } catch {}
-    showStatus(win.document, on ? "knobs on" : "knobs off", theme), win.dispatchEvent(new CustomEvent(MODE_EVENT));
+    showStatus(win.document, on ? "knobs on" : "knobs off", look), win.dispatchEvent(new CustomEvent(MODE_EVENT));
   };
   return win.addEventListener("keydown", onKey, !0), () => win.removeEventListener("keydown", onKey, !0);
 }
 var statusTimers = /* @__PURE__ */ new WeakMap;
-function showStatus(doc, text, theme) {
-  let toast = doc.querySelector(".knobs-toast");
+function showStatus(doc, text, look) {
+  let toast = doc.querySelector(".knobs-notice");
   if (!toast)
-    toast = doc.createElement("div"), toast.className = "knobs-toast", toast.setAttribute("role", "status"), toast.dataset.shown = "false", doc.body.append(toast), toast.getBoundingClientRect();
-  toast.dataset.theme = theme, toast.textContent = text, toast.dataset.shown = "true", clearTimeout(statusTimers.get(doc));
+    toast = doc.createElement("div"), toast.className = "knobs-root knobs-notice", toast.setAttribute("role", "status"), toast.dataset.shown = "false", doc.body.append(toast), toast.getBoundingClientRect();
+  applyLook(toast, look), toast.textContent = text, toast.dataset.shown = "true", clearTimeout(statusTimers.get(doc));
   let el = toast;
   statusTimers.set(doc, setTimeout(() => el.dataset.shown = "false", 1200));
 }