@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/source/utils/ownClick.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/ownClick.ts"],
+  "sourcesContent": ["/**\n * Whatever takes a click of its own: a native control or link, a label,\n * anything focusable, a widget role, editable content.\n */\nconst INTERACTIVE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"label\",\n  \"summary\",\n  \"[tabindex]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  ...[\n    \"button\",\n    \"link\",\n    \"checkbox\",\n    \"radio\",\n    \"switch\",\n    \"textbox\",\n    \"searchbox\",\n    \"combobox\",\n    \"spinbutton\",\n    \"slider\",\n    \"menuitem\",\n    \"menuitemcheckbox\",\n    \"menuitemradio\",\n    \"option\",\n    \"tab\",\n  ].map((role) => `[role='${role}']`),\n].join(\",\");\n\n/**\n * Whether a click belongs to the control that listens for it on a wrapper (a\n * sortable header, a selectable card) rather than to something inside it.\n *\n * The control must match `INTERACTIVE` itself (`role=\"button\"`, `tabindex`), and\n * then a click is its own when it is the nearest match from the click's target\n * up, and no handler has prevented the click's default yet. So a click in a\n * nested control is that control's, and so is a click in a `Portal` rendered\n * inside: Solid delivers it to the wrapper, though it landed outside.\n *\n * The control is the element that listens (`currentTarget`), unless the caller\n * passes another: a box that holds a control and other content beside it (a\n * card's button and its corner slots) listens for both. A click on that content\n * is then the control's too, unless it lands in a control of its own there.\n */\nexport function isOwnClick(\n  event: Pick<Event, \"target\" | \"currentTarget\" | \"defaultPrevented\">,\n  control: Element | null = event.currentTarget as Element | null\n): boolean {\n  if (event.defaultPrevented) return false;\n  const target = event.target as Element | null;\n  const nearest = target?.closest(INTERACTIVE) ?? null;\n  if (nearest !== null && nearest === control) return true;\n  const box = event.currentTarget as Element | null;\n  if (control === box || !target || !box?.contains(target)) return false;\n  return !(nearest && box.contains(nearest));\n}\n"],
+  "mappings": "AAIA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,IAAI,CAAC,SAAS,UAAU,IAAI,IAAI;AACpC,EAAE,KAAK,GAAG;AAiBH,SAAS,WACd,OACA,UAA0B,MAAM,eACvB;AACT,MAAI,MAAM,iBAAkB,QAAO;AACnC,QAAM,SAAS,MAAM;AACrB,QAAM,UAAU,QAAQ,QAAQ,WAAW,KAAK;AAChD,MAAI,YAAY,QAAQ,YAAY,QAAS,QAAO;AACpD,QAAM,MAAM,MAAM;AAClB,MAAI,YAAY,OAAO,CAAC,UAAU,CAAC,KAAK,SAAS,MAAM,EAAG,QAAO;AACjE,SAAO,EAAE,WAAW,IAAI,SAAS,OAAO;AAC1C;",
+  "names": []
+}

package/dist/utils/controlProps.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+/** What an element is to the keyboard and to assistive tech. */
+export type ControlProps = Pick<JSX.HTMLAttributes<HTMLElement>, "tabindex" | "onFocus" | "onBlur"> & JSX.AriaAttributes;
+/**
+ * Splits the caller's props of a component whose root is a box around its
+ * control and other content beside it: a card's button and its footer or
+ * corner slots, a chip's button and its delete button.
+ *
+ * What the component is to the keyboard and to assistive tech goes to the
+ * control, the element that takes focus: `role`, `tabindex`, `onFocus`,
+ * `onBlur` and the `aria-*` attributes. The rest stays on the box, and so does
+ * `aria-hidden`, which hides the whole component. While `toControl` returns
+ * false (the component is not a control, e.g. a card without `onClick`), all of
+ * them stay on the box. Only keys the caller gave are picked, once, as
+ * splitProps picks them; their values stay reactive.
+ */
+export declare function splitControlProps<T extends object>(props: T, toControl?: () => boolean): [ControlProps, T];

package/dist/utils/controlProps.js

@@ -0,0 +1,20 @@
+import { splitProps as f, mergeProps as u } from "solid-js";
+function l(r) {
+  return r === "role" || r === "tabindex" || r === "onFocus" || r === "onBlur" || r.startsWith("aria-") && r !== "aria-hidden";
+}
+function i(r, o) {
+  const e = {};
+  for (const t of Object.keys(r))
+    Object.defineProperty(e, t, { enumerable: !0, get: () => o() ? r[t] : void 0 });
+  return e;
+}
+function p(r, o) {
+  const e = Object.keys(r).filter((c) => l(c)), [t, n] = f(r, e);
+  if (!o) return [t, n];
+  const s = i(t, () => !o());
+  return [i(t, o), u(n, s)];
+}
+export {
+  p as splitControlProps
+};
+//# sourceMappingURL=controlProps.js.map

package/dist/utils/controlProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlProps.js","sources":["../../src/utils/controlProps.ts"],"sourcesContent":["import { type JSX, mergeProps, splitProps } from \"solid-js\";\n\n/** What an element is to the keyboard and to assistive tech. */\nexport type ControlProps = Pick<JSX.HTMLAttributes<HTMLElement>, \"tabindex\" | \"onFocus\" | \"onBlur\"> &\n  JSX.AriaAttributes;\n\nfunction isControlProp(key: string): boolean {\n  return (\n    key === \"role\" ||\n    key === \"tabindex\" ||\n    key === \"onFocus\" ||\n    key === \"onBlur\" ||\n    (key.startsWith(\"aria-\") && key !== \"aria-hidden\")\n  );\n}\n\n// The props while `when` holds, none of them while it does not.\nfunction propsWhile<T extends object>(props: T, when: () => boolean): T {\n  const gated = {} as T;\n  for (const key of Object.keys(props) as (keyof T)[]) {\n    Object.defineProperty(gated, key, { enumerable: true, get: () => (when() ? props[key] : undefined) });\n  }\n  return gated;\n}\n\n/**\n * Splits the caller's props of a component whose root is a box around its\n * control and other content beside it: a card's button and its footer or\n * corner slots, a chip's button and its delete button.\n *\n * What the component is to the keyboard and to assistive tech goes to the\n * control, the element that takes focus: `role`, `tabindex`, `onFocus`,\n * `onBlur` and the `aria-*` attributes. The rest stays on the box, and so does\n * `aria-hidden`, which hides the whole component. While `toControl` returns\n * false (the component is not a control, e.g. a card without `onClick`), all of\n * them stay on the box. Only keys the caller gave are picked, once, as\n * splitProps picks them; their values stay reactive.\n */\nexport function splitControlProps<T extends object>(props: T, toControl?: () => boolean): [ControlProps, T] {\n  const keys = (Object.keys(props) as (keyof T)[]).filter((key) => isControlProp(key as string));\n  const [control, box] = splitProps(props, keys);\n  if (!toControl) return [control as ControlProps, box as T];\n  const offControl = propsWhile(control, () => !toControl());\n  return [propsWhile(control, toControl) as ControlProps, mergeProps(box, offControl) as T];\n}\n"],"names":["isControlProp","key","propsWhile","props","when","gated","splitControlProps","toControl","keys","control","box","splitProps","offControl","mergeProps"],"mappings":";AAMA,SAASA,EAAcC,GAAsB;AAC3C,SACEA,MAAQ,UACRA,MAAQ,cACRA,MAAQ,aACRA,MAAQ,YACPA,EAAI,WAAW,OAAO,KAAKA,MAAQ;AAExC;AAGA,SAASC,EAA6BC,GAAUC,GAAwB;AACtE,QAAMC,IAAQ,CAAA;AACd,aAAWJ,KAAO,OAAO,KAAKE,CAAK;AACjC,WAAO,eAAeE,GAAOJ,GAAK,EAAE,YAAY,IAAM,KAAK,MAAOG,EAAA,IAASD,EAAMF,CAAG,IAAI,QAAY;AAEtG,SAAOI;AACT;AAeO,SAASC,EAAoCH,GAAUI,GAA8C;AAC1G,QAAMC,IAAQ,OAAO,KAAKL,CAAK,EAAkB,OAAO,CAACF,MAAQD,EAAcC,CAAa,CAAC,GACvF,CAACQ,GAASC,CAAG,IAAIC,EAAWR,GAAOK,CAAI;AAC7C,MAAI,CAACD,EAAW,QAAO,CAACE,GAAyBC,CAAQ;AACzD,QAAME,IAAaV,EAAWO,GAAS,MAAM,CAACF,GAAW;AACzD,SAAO,CAACL,EAAWO,GAASF,CAAS,GAAmBM,EAAWH,GAAKE,CAAU,CAAM;AAC1F;"}

package/dist/utils/keyboardShortcut.d.ts

@@ -0,0 +1,12 @@
+import { type KbdPlatform } from "../components/dataDisplay/kbd/kbdKeys";
+type ShortcutEvent = Pick<KeyboardEvent, "key" | "code" | "ctrlKey" | "metaKey" | "altKey" | "shiftKey">;
+/**
+ * Whether a keyboard event is the shortcut `keys` (in `Kbd` key names, e.g. `["Mod", "K"]`).
+ * `Mod` is Meta on `mac` and Ctrl elsewhere. The modifiers must match exactly, so Mod+K does not
+ * match Mod+Shift+K. The list needs exactly one key that is not a modifier. It is compared with
+ * `event.key` ignoring case; a single ASCII letter or digit also matches `event.code`
+ * (`KeyK`, `Digit1`), so a shortcut keeps working on a layout that types other letters.
+ * `platform` is the running browser's by default.
+ */
+export declare function matchesKeyboardShortcut(event: ShortcutEvent, keys: string[], platform?: KbdPlatform): boolean;
+export {};

package/dist/utils/keyboardShortcut.js

@@ -0,0 +1,48 @@
+import { detectKbdPlatform as m } from "../components/dataDisplay/kbd/kbdKeys.js";
+const n = {
+  mod: "mod",
+  ctrl: "ctrl",
+  control: "ctrl",
+  alt: "alt",
+  option: "alt",
+  shift: "shift",
+  meta: "meta",
+  cmd: "meta",
+  command: "meta"
+}, d = {
+  esc: "escape",
+  space: " ",
+  spacebar: " ",
+  up: "arrowup",
+  down: "arrowdown",
+  left: "arrowleft",
+  right: "arrowright",
+  plus: "+",
+  return: "enter",
+  del: "delete"
+};
+function h(t, c, u = m()) {
+  let l = !1, s = !1, f = !1, a = !1, e = null;
+  for (const i of c) {
+    const o = i.trim().toLowerCase() || i, r = n[o];
+    if (r === "mod")
+      u === "mac" ? a = !0 : l = !0;
+    else if (r === "ctrl")
+      l = !0;
+    else if (r === "alt")
+      s = !0;
+    else if (r === "shift")
+      f = !0;
+    else if (r === "meta")
+      a = !0;
+    else if (e === null)
+      e = d[o] ?? o;
+    else
+      return !1;
+  }
+  return e === null || t.ctrlKey !== l || t.altKey !== s || t.shiftKey !== f || t.metaKey !== a ? !1 : (t.key ?? "").toLowerCase() === e ? !0 : /^[a-z]$/.test(e) ? t.code === `Key${e.toUpperCase()}` : /^[0-9]$/.test(e) ? t.code === `Digit${e}` : !1;
+}
+export {
+  h as matchesKeyboardShortcut
+};
+//# sourceMappingURL=keyboardShortcut.js.map

package/dist/utils/keyboardShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardShortcut.js","sources":["../../src/utils/keyboardShortcut.ts"],"sourcesContent":["import { detectKbdPlatform, type KbdPlatform } from \"../components/dataDisplay/kbd/kbdKeys\";\n\ntype ShortcutEvent = Pick<KeyboardEvent, \"key\" | \"code\" | \"ctrlKey\" | \"metaKey\" | \"altKey\" | \"shiftKey\">;\n\n// Modifier names (lower case) and the flag each one asks for. `mod` is resolved per platform.\nconst MODIFIERS: Record<string, \"mod\" | \"ctrl\" | \"alt\" | \"shift\" | \"meta\"> = {\n  mod: \"mod\",\n  ctrl: \"ctrl\",\n  control: \"ctrl\",\n  alt: \"alt\",\n  option: \"alt\",\n  shift: \"shift\",\n  meta: \"meta\",\n  cmd: \"meta\",\n  command: \"meta\",\n};\n\n// Names (lower case) that stand for another `KeyboardEvent.key`.\nconst KEY_ALIASES: Record<string, string> = {\n  esc: \"escape\",\n  space: \" \",\n  spacebar: \" \",\n  up: \"arrowup\",\n  down: \"arrowdown\",\n  left: \"arrowleft\",\n  right: \"arrowright\",\n  plus: \"+\",\n  return: \"enter\",\n  del: \"delete\",\n};\n\n/**\n * Whether a keyboard event is the shortcut `keys` (in `Kbd` key names, e.g. `[\"Mod\", \"K\"]`).\n * `Mod` is Meta on `mac` and Ctrl elsewhere. The modifiers must match exactly, so Mod+K does not\n * match Mod+Shift+K. The list needs exactly one key that is not a modifier. It is compared with\n * `event.key` ignoring case; a single ASCII letter or digit also matches `event.code`\n * (`KeyK`, `Digit1`), so a shortcut keeps working on a layout that types other letters.\n * `platform` is the running browser's by default.\n */\nexport function matchesKeyboardShortcut(\n  event: ShortcutEvent,\n  keys: string[],\n  platform: KbdPlatform = detectKbdPlatform()\n): boolean {\n  let ctrl = false;\n  let alt = false;\n  let shift = false;\n  let meta = false;\n  let main: string | null = null;\n  for (const key of keys) {\n    const lower = key.trim().toLowerCase() || key; // a lone \" \" is the space bar\n    const modifier = MODIFIERS[lower];\n    if (modifier === \"mod\") {\n      if (platform === \"mac\") {\n        meta = true;\n      } else {\n        ctrl = true;\n      }\n    } else if (modifier === \"ctrl\") {\n      ctrl = true;\n    } else if (modifier === \"alt\") {\n      alt = true;\n    } else if (modifier === \"shift\") {\n      shift = true;\n    } else if (modifier === \"meta\") {\n      meta = true;\n    } else if (main === null) {\n      main = KEY_ALIASES[lower] ?? lower;\n    } else {\n      return false;\n    }\n  }\n  if (main === null) {\n    return false;\n  }\n  if (event.ctrlKey !== ctrl || event.altKey !== alt || event.shiftKey !== shift || event.metaKey !== meta) {\n    return false;\n  }\n  if ((event.key ?? \"\").toLowerCase() === main) {\n    return true;\n  }\n  if (/^[a-z]$/.test(main)) {\n    return event.code === `Key${main.toUpperCase()}`;\n  }\n  if (/^[0-9]$/.test(main)) {\n    return event.code === `Digit${main}`;\n  }\n  return false;\n}\n"],"names":["MODIFIERS","KEY_ALIASES","matchesKeyboardShortcut","event","keys","platform","detectKbdPlatform","ctrl","alt","shift","meta","main","key","lower","modifier"],"mappings":";AAKA,MAAMA,IAAuE;AAAA,EAC3E,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AACX,GAGMC,IAAsC;AAAA,EAC1C,KAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP;AAUO,SAASC,EACdC,GACAC,GACAC,IAAwBC,KACf;AACT,MAAIC,IAAO,IACPC,IAAM,IACNC,IAAQ,IACRC,IAAO,IACPC,IAAsB;AAC1B,aAAWC,KAAOR,GAAM;AACtB,UAAMS,IAAQD,EAAI,KAAA,EAAO,iBAAiBA,GACpCE,IAAWd,EAAUa,CAAK;AAChC,QAAIC,MAAa;AACf,MAAIT,MAAa,QACfK,IAAO,KAEPH,IAAO;AAAA,aAEAO,MAAa;AACtB,MAAAP,IAAO;AAAA,aACEO,MAAa;AACtB,MAAAN,IAAM;AAAA,aACGM,MAAa;AACtB,MAAAL,IAAQ;AAAA,aACCK,MAAa;AACtB,MAAAJ,IAAO;AAAA,aACEC,MAAS;AAClB,MAAAA,IAAOV,EAAYY,CAAK,KAAKA;AAAA;AAE7B,aAAO;AAAA,EAEX;AAIA,SAHIF,MAAS,QAGTR,EAAM,YAAYI,KAAQJ,EAAM,WAAWK,KAAOL,EAAM,aAAaM,KAASN,EAAM,YAAYO,IAC3F,MAEJP,EAAM,OAAO,IAAI,YAAA,MAAkBQ,IAC/B,KAEL,UAAU,KAAKA,CAAI,IACdR,EAAM,SAAS,MAAMQ,EAAK,aAAa,KAE5C,UAAU,KAAKA,CAAI,IACdR,EAAM,SAAS,QAAQQ,CAAI,KAE7B;AACT;"}

package/dist/utils/linkAttrs.d.ts

@@ -0,0 +1,13 @@
+/** Where a link opens unless its `target` says otherwise. */
+export declare const DEFAULT_LINK_TARGET = "_blank";
+/**
+ * The `target` attribute for a link: `undefined` (not given) keeps `"_blank"`, `null` (or an
+ * empty string) leaves the attribute out so the link opens in place, any other string is used as is.
+ */
+export declare function resolveLinkTarget(target: string | null | undefined): string | undefined;
+/**
+ * The `rel` attribute for a link: the caller's wins (an empty string drops it), `undefined` keeps the
+ * default. The default is `"noreferrer"` for a link that opens another browsing context (a new tab or
+ * a named window), which also implies `noopener`, and none for a link that opens in place.
+ */
+export declare function resolveLinkRel(rel: string | undefined, target: string | undefined): string | undefined;

package/dist/utils/linkAttrs.js

@@ -0,0 +1,13 @@
+const o = "_blank";
+function r(e) {
+  return e === void 0 ? o : e === null || e === "" ? void 0 : e;
+}
+function l(e, n) {
+  return e !== void 0 ? e || void 0 : n !== void 0 && n !== "_self" && n !== "_parent" && n !== "_top" ? "noreferrer" : void 0;
+}
+export {
+  o as DEFAULT_LINK_TARGET,
+  l as resolveLinkRel,
+  r as resolveLinkTarget
+};
+//# sourceMappingURL=linkAttrs.js.map

package/dist/utils/linkAttrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkAttrs.js","sources":["../../src/utils/linkAttrs.ts"],"sourcesContent":["/** Where a link opens unless its `target` says otherwise. */\nexport const DEFAULT_LINK_TARGET = \"_blank\";\n\n/**\n * The `target` attribute for a link: `undefined` (not given) keeps `\"_blank\"`, `null` (or an\n * empty string) leaves the attribute out so the link opens in place, any other string is used as is.\n */\nexport function resolveLinkTarget(target: string | null | undefined): string | undefined {\n  if (target === undefined) return DEFAULT_LINK_TARGET;\n  return target === null || target === \"\" ? undefined : target;\n}\n\n/**\n * The `rel` attribute for a link: the caller's wins (an empty string drops it), `undefined` keeps the\n * default. The default is `\"noreferrer\"` for a link that opens another browsing context (a new tab or\n * a named window), which also implies `noopener`, and none for a link that opens in place.\n */\nexport function resolveLinkRel(rel: string | undefined, target: string | undefined): string | undefined {\n  if (rel !== undefined) return rel || undefined;\n  const elsewhere = target !== undefined && target !== \"_self\" && target !== \"_parent\" && target !== \"_top\";\n  return elsewhere ? \"noreferrer\" : undefined;\n}\n"],"names":["DEFAULT_LINK_TARGET","resolveLinkTarget","target","resolveLinkRel","rel"],"mappings":"AACO,MAAMA,IAAsB;AAM5B,SAASC,EAAkBC,GAAuD;AACvF,SAAIA,MAAW,SAAkBF,IAC1BE,MAAW,QAAQA,MAAW,KAAK,SAAYA;AACxD;AAOO,SAASC,EAAeC,GAAyBF,GAAgD;AACtG,SAAIE,MAAQ,SAAkBA,KAAO,SACnBF,MAAW,UAAaA,MAAW,WAAWA,MAAW,aAAaA,MAAW,SAChF,eAAe;AACpC;"}

package/dist/utils/ownClick.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Whether a click belongs to the control that listens for it on a wrapper (a
+ * sortable header, a selectable card) rather than to something inside it.
+ *
+ * The control must match `INTERACTIVE` itself (`role="button"`, `tabindex`), and
+ * then a click is its own when it is the nearest match from the click's target
+ * up, and no handler has prevented the click's default yet. So a click in a
+ * nested control is that control's, and so is a click in a `Portal` rendered
+ * inside: Solid delivers it to the wrapper, though it landed outside.
+ *
+ * The control is the element that listens (`currentTarget`), unless the caller
+ * passes another: a box that holds a control and other content beside it (a
+ * card's button and its corner slots) listens for both. A click on that content
+ * is then the control's too, unless it lands in a control of its own there.
+ */
+export declare function isOwnClick(event: Pick<Event, "target" | "currentTarget" | "defaultPrevented">, control?: Element | null): boolean;

package/dist/utils/ownClick.js

@@ -0,0 +1,39 @@
+const a = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "label",
+  "summary",
+  "[tabindex]",
+  "[contenteditable]:not([contenteditable='false'])",
+  ...[
+    "button",
+    "link",
+    "checkbox",
+    "radio",
+    "switch",
+    "textbox",
+    "searchbox",
+    "combobox",
+    "spinbutton",
+    "slider",
+    "menuitem",
+    "menuitemcheckbox",
+    "menuitemradio",
+    "option",
+    "tab"
+  ].map((t) => `[role='${t}']`)
+].join(",");
+function i(t, r = t.currentTarget) {
+  if (t.defaultPrevented) return !1;
+  const n = t.target, e = n?.closest(a) ?? null;
+  if (e !== null && e === r) return !0;
+  const o = t.currentTarget;
+  return r === o || !n || !o?.contains(n) ? !1 : !(e && o.contains(e));
+}
+export {
+  i as isOwnClick
+};
+//# sourceMappingURL=ownClick.js.map

package/dist/utils/ownClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownClick.js","sources":["../../src/utils/ownClick.ts"],"sourcesContent":["/**\n * Whatever takes a click of its own: a native control or link, a label,\n * anything focusable, a widget role, editable content.\n */\nconst INTERACTIVE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"label\",\n  \"summary\",\n  \"[tabindex]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  ...[\n    \"button\",\n    \"link\",\n    \"checkbox\",\n    \"radio\",\n    \"switch\",\n    \"textbox\",\n    \"searchbox\",\n    \"combobox\",\n    \"spinbutton\",\n    \"slider\",\n    \"menuitem\",\n    \"menuitemcheckbox\",\n    \"menuitemradio\",\n    \"option\",\n    \"tab\",\n  ].map((role) => `[role='${role}']`),\n].join(\",\");\n\n/**\n * Whether a click belongs to the control that listens for it on a wrapper (a\n * sortable header, a selectable card) rather than to something inside it.\n *\n * The control must match `INTERACTIVE` itself (`role=\"button\"`, `tabindex`), and\n * then a click is its own when it is the nearest match from the click's target\n * up, and no handler has prevented the click's default yet. So a click in a\n * nested control is that control's, and so is a click in a `Portal` rendered\n * inside: Solid delivers it to the wrapper, though it landed outside.\n *\n * The control is the element that listens (`currentTarget`), unless the caller\n * passes another: a box that holds a control and other content beside it (a\n * card's button and its corner slots) listens for both. A click on that content\n * is then the control's too, unless it lands in a control of its own there.\n */\nexport function isOwnClick(\n  event: Pick<Event, \"target\" | \"currentTarget\" | \"defaultPrevented\">,\n  control: Element | null = event.currentTarget as Element | null\n): boolean {\n  if (event.defaultPrevented) return false;\n  const target = event.target as Element | null;\n  const nearest = target?.closest(INTERACTIVE) ?? null;\n  if (nearest !== null && nearest === control) return true;\n  const box = event.currentTarget as Element | null;\n  if (control === box || !target || !box?.contains(target)) return false;\n  return !(nearest && box.contains(nearest));\n}\n"],"names":["INTERACTIVE","role","isOwnClick","event","control","target","nearest","box"],"mappings":"AAIA,MAAMA,IAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,IAAI,CAACC,MAAS,UAAUA,CAAI,IAAI;AACpC,EAAE,KAAK,GAAG;AAiBH,SAASC,EACdC,GACAC,IAA0BD,EAAM,eACvB;AACT,MAAIA,EAAM,iBAAkB,QAAO;AACnC,QAAME,IAASF,EAAM,QACfG,IAAUD,GAAQ,QAAQL,CAAW,KAAK;AAChD,MAAIM,MAAY,QAAQA,MAAYF,EAAS,QAAO;AACpD,QAAMG,IAAMJ,EAAM;AAClB,SAAIC,MAAYG,KAAO,CAACF,KAAU,CAACE,GAAK,SAASF,CAAM,IAAU,KAC1D,EAAEC,KAAWC,EAAI,SAASD,CAAO;AAC1C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-solid",
-  "version": "0.12.1",
+  "version": "0.14.0",
   "description": "SolidJS port of summer-ui: strict, tree-shakeable Material-style component library sharing the @smwb/ui-styles design system.",
   "license": "MIT",
   "type": "module",
@@ -161,6 +161,18 @@
       "import": "./dist/source/components/clickAwayListener/index.js",
       "default": "./dist/source/components/clickAwayListener/index.js"
     },
+    "./commandPalette": {
+      "types": "./dist/components/navigation/commandPalette/index.d.ts",
+      "solid": "./dist/source/components/navigation/commandPalette/index.js",
+      "import": "./dist/source/components/navigation/commandPalette/index.js",
+      "default": "./dist/source/components/navigation/commandPalette/index.js"
+    },
+    "./composer": {
+      "types": "./dist/components/inputs/composer/index.d.ts",
+      "solid": "./dist/source/components/inputs/composer/index.js",
+      "import": "./dist/source/components/inputs/composer/index.js",
+      "default": "./dist/source/components/inputs/composer/index.js"
+    },
     "./confirmDialog": {
       "types": "./dist/components/feedBack/confirmDialog/index.d.ts",
       "solid": "./dist/source/components/feedBack/confirmDialog/index.js",
@@ -209,6 +221,12 @@
       "import": "./dist/source/primitives/createId.js",
       "default": "./dist/source/primitives/createId.js"
     },
+    "./createKeyboardShortcut": {
+      "types": "./dist/primitives/createKeyboardShortcut.d.ts",
+      "solid": "./dist/source/primitives/createKeyboardShortcut.js",
+      "import": "./dist/source/primitives/createKeyboardShortcut.js",
+      "default": "./dist/source/primitives/createKeyboardShortcut.js"
+    },
     "./createMaskedInput": {
       "types": "./dist/primitives/createMaskedInput.d.ts",
       "solid": "./dist/source/primitives/createMaskedInput.js",
@@ -245,6 +263,12 @@
       "import": "./dist/source/primitives/createVirtualList.js",
       "default": "./dist/source/primitives/createVirtualList.js"
     },
+    "./dagView": {
+      "types": "./dist/components/dataDisplay/dagView/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/dagView/index.js",
+      "import": "./dist/source/components/dataDisplay/dagView/index.js",
+      "default": "./dist/source/components/dataDisplay/dagView/index.js"
+    },
     "./datePicker": {
       "types": "./dist/components/inputs/datePicker/index.d.ts",
       "solid": "./dist/source/components/inputs/datePicker/index.js",
@@ -263,6 +287,12 @@
       "import": "./dist/source/components/dataDisplay/descriptionList/index.js",
       "default": "./dist/source/components/dataDisplay/descriptionList/index.js"
     },
+    "./diffStat": {
+      "types": "./dist/components/dataDisplay/diffStat/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/diffStat/index.js",
+      "import": "./dist/source/components/dataDisplay/diffStat/index.js",
+      "default": "./dist/source/components/dataDisplay/diffStat/index.js"
+    },
     "./divider": {
       "types": "./dist/components/layout/divider/index.d.ts",
       "solid": "./dist/source/components/layout/divider/index.js",
@@ -335,6 +365,18 @@
       "import": "./dist/source/components/dataDisplay/kanban/index.js",
       "default": "./dist/source/components/dataDisplay/kanban/index.js"
     },
+    "./kbd": {
+      "types": "./dist/components/dataDisplay/kbd/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/kbd/index.js",
+      "import": "./dist/source/components/dataDisplay/kbd/index.js",
+      "default": "./dist/source/components/dataDisplay/kbd/index.js"
+    },
+    "./keyboardShortcut": {
+      "types": "./dist/utils/keyboardShortcut.d.ts",
+      "solid": "./dist/source/utils/keyboardShortcut.js",
+      "import": "./dist/source/utils/keyboardShortcut.js",
+      "default": "./dist/source/utils/keyboardShortcut.js"
+    },
     "./lazyImage": {
       "types": "./dist/components/dataDisplay/lazyImage/index.d.ts",
       "solid": "./dist/source/components/dataDisplay/lazyImage/index.js",
@@ -413,6 +455,12 @@
       "import": "./dist/source/components/feedBack/progressIndicator/index.js",
       "default": "./dist/source/components/feedBack/progressIndicator/index.js"
     },
+    "./qrCode": {
+      "types": "./dist/components/dataDisplay/qrCode/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/qrCode/index.js",
+      "import": "./dist/source/components/dataDisplay/qrCode/index.js",
+      "default": "./dist/source/components/dataDisplay/qrCode/index.js"
+    },
     "./radioButton": {
       "types": "./dist/components/inputs/radioButton/index.d.ts",
       "solid": "./dist/source/components/inputs/radioButton/index.js",
@@ -497,12 +545,30 @@
       "import": "./dist/source/components/dataDisplay/stat/index.js",
       "default": "./dist/source/components/dataDisplay/stat/index.js"
     },
+    "./statusDot": {
+      "types": "./dist/components/dataDisplay/statusDot/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/statusDot/index.js",
+      "import": "./dist/source/components/dataDisplay/statusDot/index.js",
+      "default": "./dist/source/components/dataDisplay/statusDot/index.js"
+    },
     "./stepper": {
       "types": "./dist/components/navigation/stepper/index.d.ts",
       "solid": "./dist/source/components/navigation/stepper/index.js",
       "import": "./dist/source/components/navigation/stepper/index.js",
       "default": "./dist/source/components/navigation/stepper/index.js"
     },
+    "./swimlanes": {
+      "types": "./dist/components/dataDisplay/swimlanes/index.d.ts",
+      "solid": "./dist/source/components/dataDisplay/swimlanes/index.js",
+      "import": "./dist/source/components/dataDisplay/swimlanes/index.js",
+      "default": "./dist/source/components/dataDisplay/swimlanes/index.js"
+    },
+    "./tabGroups": {
+      "types": "./dist/components/layout/tabGroups/index.d.ts",
+      "solid": "./dist/source/components/layout/tabGroups/index.js",
+      "import": "./dist/source/components/layout/tabGroups/index.js",
+      "default": "./dist/source/components/layout/tabGroups/index.js"
+    },
     "./table": {
       "types": "./dist/components/dataDisplay/table/index.d.ts",
       "solid": "./dist/source/components/dataDisplay/table/index.js",
@@ -597,6 +663,7 @@
     "test:hydration": "vitest run --config vitest.hydration.config.ts",
     "test:watch": "vitest",
     "test:storybook": "test-storybook --url http://127.0.0.1:6006",
+    "test:storybook:ci": "node ../../scripts/storybook-test-ci.mjs",
     "lint": "eslint . --max-warnings=0",
     "prettier:check": "prettier --check .",
     "prettier:fix": "prettier --write .",
@@ -605,8 +672,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
-    "@smwb/ui-styles": "^1.5.0",
+    "@smwb/ui-styles": "^2.0.0",
     "clsx": "^2.1.1",
+    "uqr": "^0.1.3",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
@@ -616,7 +684,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",
-    "@smwb/ui-styles": "^1.5.0",
+    "@smwb/ui-styles": "^2.0.0",
     "@solidjs/testing-library": "^0.8.10",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-links": "^10.4.0",
@@ -635,6 +703,7 @@
     "globals": "^17.6.0",
     "http-server": "^14.1.1",
     "jsdom": "^26.1.0",
+    "jsqr": "^1.4.0",
     "less": "^4.6.4",
     "playwright": "^1.60.0",
     "prettier": "^3.8.3",