@adaptive-ds/solid-ui 0.13.1 → 0.14.0

package/dist/interactive/tabs/TabsTop.js

@@ -1,201 +1,188 @@
-import { delegateEvents, insert, createComponent, effect, setAttribute, className, template } from "solid-js/web";
-import { Key } from "@solid-primitives/keyed";
-import { createUniqueId } from "solid-js";
 import { classArr } from "../../utils/classArr.js";
 import { tabsTopTextDefault } from "./TabsTopText.js";
+import { createUniqueId } from "solid-js";
+import { className, createComponent, delegateEvents, effect, insert, setAttribute, template } from "solid-js/web";
+import { Key } from "@solid-primitives/keyed";
+//#region ui/interactive/tabs/TabsTop.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div role=tablist>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button type=button role=tab>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=tabpanel tabindex=0>`);
+/**
+* https://www.radix-ui.com/primitives/docs/components/tabs
+* https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx
+**/
 function TabsTop(p) {
-  const baseId = createUniqueId();
-  return [(() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(Key, {
-      get each() {
-        return p.getOptions();
-      },
-      by: (value) => value,
-      get fallback() {
-        return createComponent(NoTabOptions, {
-          get ["class"]() {
-            return p.class;
-          },
-          get texts() {
-            return p.texts;
-          }
-        });
-      },
-      children: (value) => createComponent(TabOption, {
-        baseId,
-        get value() {
-          return value();
-        },
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get disabled() {
-          return p.disabled;
-        },
-        get valueAmount() {
-          return p.valueAmount;
-        },
-        get valueText() {
-          return p.valueText;
-        },
-        get valueChildren() {
-          return p.valueChildren;
-        }
-      })
-    }));
-    effect((_p$) => {
-      var _v$ = p.id, _v$2 = p.disabled, _v$3 = classArr(
-        "flex flex-wrap gap-2",
-        // "grid gap-2 rounded-md p-2",
-        "bg-white dark:bg-black",
-        // bg
-        "border border-slate-200 dark:border-slate-700",
-        // border
-        p.class
-      );
-      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "data-disabled", _p$.t = _v$2);
-      _v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })(), (() => {
-    var _el$2 = _tmpl$2();
-    insert(_el$2, createComponent(Key, {
-      get each() {
-        return p.getOptions();
-      },
-      by: (value) => value,
-      get fallback() {
-        return createComponent(NoTabOptions, {
-          get ["class"]() {
-            return p.class;
-          },
-          get texts() {
-            return p.texts;
-          }
-        });
-      },
-      children: (value) => createComponent(TabContent, {
-        baseId,
-        get value() {
-          return value();
-        },
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get disabled() {
-          return p.disabled;
-        },
-        get valueAmount() {
-          return p.valueAmount;
-        },
-        get valueText() {
-          return p.valueText;
-        },
-        get valueChildren() {
-          return p.valueChildren;
-        }
-      })
-    }));
-    return _el$2;
-  })()];
+	const baseId = createUniqueId();
+	return [(() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(Key, {
+			get each() {
+				return p.getOptions();
+			},
+			by: (value) => value,
+			get fallback() {
+				return createComponent(NoTabOptions, {
+					get ["class"]() {
+						return p.class;
+					},
+					get texts() {
+						return p.texts;
+					}
+				});
+			},
+			children: (value) => createComponent(TabOption, {
+				baseId,
+				get value() {
+					return value();
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get disabled() {
+					return p.disabled;
+				},
+				get valueAmount() {
+					return p.valueAmount;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get valueChildren() {
+					return p.valueChildren;
+				}
+			})
+		}));
+		effect((_p$) => {
+			var _v$ = p.id, _v$2 = p.disabled, _v$3 = classArr("flex flex-wrap gap-2", "bg-white dark:bg-black", "border border-slate-200 dark:border-slate-700", p.class);
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "data-disabled", _p$.t = _v$2);
+			_v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$;
+	})(), (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, createComponent(Key, {
+			get each() {
+				return p.getOptions();
+			},
+			by: (value) => value,
+			get fallback() {
+				return createComponent(NoTabOptions, {
+					get ["class"]() {
+						return p.class;
+					},
+					get texts() {
+						return p.texts;
+					}
+				});
+			},
+			children: (value) => createComponent(TabContent, {
+				baseId,
+				get value() {
+					return value();
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get disabled() {
+					return p.disabled;
+				},
+				get valueAmount() {
+					return p.valueAmount;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get valueChildren() {
+					return p.valueChildren;
+				}
+			})
+		}));
+		return _el$2;
+	})()];
 }
 function NoTabOptions(p) {
-  const texts = p.texts ?? tabsTopTextDefault;
-  return (() => {
-    var _el$3 = _tmpl$2();
-    insert(_el$3, () => texts.noEntries);
-    effect(() => className(_el$3, p.class));
-    return _el$3;
-  })();
+	const texts = p.texts ?? tabsTopTextDefault;
+	return (() => {
+		var _el$3 = _tmpl$2();
+		insert(_el$3, () => texts.noEntries);
+		effect(() => className(_el$3, p.class));
+		return _el$3;
+	})();
 }
 function TabOption(p) {
-  return (() => {
-    var _el$4 = _tmpl$3();
-    _el$4.$$click = (e) => setActiveTab(p);
-    insert(_el$4, () => getText(p));
-    effect((_p$) => {
-      var _v$4 = isSelected(p), _v$5 = makeTriggerId(p.baseId, p.value), _v$6 = makeContentId(p.baseId, p.value), _v$7 = isSelected(p) ? "active" : "inactive", _v$8 = p.disabled, _v$9 = p.disabled, _v$0 = classArr(
-        // "block",
-        "cursor-pointer select-none",
-        "rounded-sm",
-        "px-3 py-2 text-center",
-        isSelected(p) ? "bg-blue-500 text-white" : "hover:bg-slate-50 dark:hover:bg-slate-900",
-        // bg hover
-        "flex gap-2",
-        p.class
-      );
-      _v$4 !== _p$.e && setAttribute(_el$4, "aria-selected", _p$.e = _v$4);
-      _v$5 !== _p$.t && setAttribute(_el$4, "id", _p$.t = _v$5);
-      _v$6 !== _p$.a && setAttribute(_el$4, "aria-controls", _p$.a = _v$6);
-      _v$7 !== _p$.o && setAttribute(_el$4, "data-state", _p$.o = _v$7);
-      _v$8 !== _p$.i && setAttribute(_el$4, "data-disabled", _p$.i = _v$8);
-      _v$9 !== _p$.n && (_el$4.disabled = _p$.n = _v$9);
-      _v$0 !== _p$.s && className(_el$4, _p$.s = _v$0);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0,
-      s: void 0
-    });
-    return _el$4;
-  })();
+	return (() => {
+		var _el$4 = _tmpl$3();
+		_el$4.$$click = (e) => setActiveTab(p);
+		insert(_el$4, () => getText(p));
+		effect((_p$) => {
+			var _v$4 = isSelected(p), _v$5 = makeTriggerId(p.baseId, p.value), _v$6 = makeContentId(p.baseId, p.value), _v$7 = isSelected(p) ? "active" : "inactive", _v$8 = p.disabled, _v$9 = p.disabled, _v$0 = classArr("cursor-pointer select-none", "rounded-sm", "px-3 py-2 text-center", isSelected(p) ? "bg-blue-500 text-white" : "hover:bg-slate-50 dark:hover:bg-slate-900", "flex gap-2", p.class);
+			_v$4 !== _p$.e && setAttribute(_el$4, "aria-selected", _p$.e = _v$4);
+			_v$5 !== _p$.t && setAttribute(_el$4, "id", _p$.t = _v$5);
+			_v$6 !== _p$.a && setAttribute(_el$4, "aria-controls", _p$.a = _v$6);
+			_v$7 !== _p$.o && setAttribute(_el$4, "data-state", _p$.o = _v$7);
+			_v$8 !== _p$.i && setAttribute(_el$4, "data-disabled", _p$.i = _v$8);
+			_v$9 !== _p$.n && (_el$4.disabled = _p$.n = _v$9);
+			_v$0 !== _p$.s && className(_el$4, _p$.s = _v$0);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		});
+		return _el$4;
+	})();
 }
 function TabContent(p) {
-  return (() => {
-    var _el$5 = _tmpl$4();
-    insert(_el$5, () => p.valueChildren(p.value));
-    effect((_p$) => {
-      var _v$1 = makeContentId(p.baseId, p.value), _v$10 = isSelected(p) ? "active" : "inactive", _v$11 = makeTriggerId(p.baseId, p.value), _v$12 = !isSelected(p), _v$13 = classArr("");
-      _v$1 !== _p$.e && setAttribute(_el$5, "id", _p$.e = _v$1);
-      _v$10 !== _p$.t && setAttribute(_el$5, "data-state", _p$.t = _v$10);
-      _v$11 !== _p$.a && setAttribute(_el$5, "aria-labelledby", _p$.a = _v$11);
-      _v$12 !== _p$.o && (_el$5.hidden = _p$.o = _v$12);
-      _v$13 !== _p$.i && className(_el$5, _p$.i = _v$13);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    });
-    return _el$5;
-  })();
+	return (() => {
+		var _el$5 = _tmpl$4();
+		insert(_el$5, () => p.valueChildren(p.value));
+		effect((_p$) => {
+			var _v$1 = makeContentId(p.baseId, p.value), _v$10 = isSelected(p) ? "active" : "inactive", _v$11 = makeTriggerId(p.baseId, p.value), _v$12 = !isSelected(p), _v$13 = classArr("");
+			_v$1 !== _p$.e && setAttribute(_el$5, "id", _p$.e = _v$1);
+			_v$10 !== _p$.t && setAttribute(_el$5, "data-state", _p$.t = _v$10);
+			_v$11 !== _p$.a && setAttribute(_el$5, "aria-labelledby", _p$.a = _v$11);
+			_v$12 !== _p$.o && (_el$5.hidden = _p$.o = _v$12);
+			_v$13 !== _p$.i && className(_el$5, _p$.i = _v$13);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		});
+		return _el$5;
+	})();
 }
 function makeTriggerId(baseId, value) {
-  return `${baseId}-${value}-trigger`;
+	return `${baseId}-${value}-trigger`;
 }
 function makeContentId(baseId, value) {
-  return `${baseId}-${value}-content`;
+	return `${baseId}-${value}-content`;
 }
 function setActiveTab(p) {
-  let prev = p.valueSignal.get();
-  if (prev === p.value) return;
-  p.valueSignal.set(p.value);
+	if (p.valueSignal.get() === p.value) return;
+	p.valueSignal.set(p.value);
 }
 function isSelected(p) {
-  return p.value === p.valueSignal.get();
+	return p.value === p.valueSignal.get();
 }
 function getText(p) {
-  const amount = p.valueAmount?.(p.value);
-  const text = p.valueText?.(p.value) || p.value;
-  if (!amount) return text;
-  return `${text} (${amount})`;
+	const amount = p.valueAmount?.(p.value);
+	const text = p.valueText?.(p.value) || p.value;
+	if (!amount) return text;
+	return `${text} (${amount})`;
 }
 delegateEvents(["click"]);
-export {
-  TabsTop
-};
-//# sourceMappingURL=TabsTop.js.map
+//#endregion
+export { TabsTop };
+
+//# sourceMappingURL=TabsTop.js.map

package/dist/interactive/tabs/TabsTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTop.js","sources":["../../../lib/interactive/tabs/TabsTop.tsx"],"sourcesContent":["import { Key } from \"@solid-primitives/keyed\"\nimport type { JSXElement } from \"solid-js\"\nimport { createUniqueId } from \"solid-js\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { HasGetOptions } from \"~ui/utils/HasGetOptions\"\nimport type { HasValueSignalString } from \"~ui/utils/HasValueSignalString\"\nimport type { MayHaveValueText } from \"~ui/utils/HasValueText\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { TabsTopText } from \"~ui/interactive/tabs/TabsTopText\"\nimport { tabsTopTextDefault } from \"~ui/interactive/tabs/TabsTopText\"\n\nexport interface TabsTopProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveChildren,\n    MayHaveClass {\n  valueIcon?: (value: string) => string\n  valueAmount?: (value: string) => number | undefined\n  valueChildren: (value: string) => JSXElement\n  id?: string\n  disabled?: boolean\n  texts?: TabsTopText\n}\n\n/**\n * https://www.radix-ui.com/primitives/docs/components/tabs\n * https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx\n **/\nexport function TabsTop(p: TabsTopProps) {\n  const baseId = createUniqueId()\n  return (\n    <>\n      <div\n        id={p.id}\n        role=\"tablist\"\n        data-disabled={p.disabled}\n        class={classArr(\n          \"flex flex-wrap gap-2\",\n          // \"grid gap-2 rounded-md p-2\",\n          \"bg-white dark:bg-black\", // bg\n          \"border border-slate-200 dark:border-slate-700\", // border\n          p.class,\n        )}\n      >\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabOption\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n      <div>\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabContent\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n    </>\n  )\n}\n\nfunction NoTabOptions(p: { class?: string; texts?: TabsTopText }) {\n  const texts = p.texts ?? tabsTopTextDefault\n  return <div class={p.class}>{texts.noEntries}</div>\n}\n\ninterface TabOptionProps extends MayHaveClass {\n  baseId: string\n  value: string\n  valueSignal: SignalObject<string>\n  disabled?: boolean\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n  valueChildren: (value: string) => JSXElement\n}\n\nfunction TabOption(p: TabOptionProps): JSXElement {\n  // console.log(\"TabOption\", p.value, \"value:\", p.valueSignal.get())\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isSelected(p)}\n      id={makeTriggerId(p.baseId, p.value)}\n      aria-controls={makeContentId(p.baseId, p.value)}\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      data-disabled={p.disabled}\n      disabled={p.disabled}\n      class={classArr(\n        // \"block\",\n        \"cursor-pointer select-none\",\n        \"rounded-sm\",\n        \"px-3 py-2 text-center\",\n        isSelected(p) ? \"bg-blue-500 text-white\" : \"hover:bg-slate-50 dark:hover:bg-slate-900\", // bg hover\n        \"flex gap-2\",\n        p.class,\n      )}\n      onClick={(e) => setActiveTab(p)}\n    >\n      {getText(p)}\n    </button>\n  )\n}\n\nfunction TabContent(p: TabOptionProps): JSXElement {\n  return (\n    <div\n      id={makeContentId(p.baseId, p.value)}\n      role=\"tabpanel\"\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      aria-labelledby={makeTriggerId(p.baseId, p.value)}\n      hidden={!isSelected(p)}\n      tabIndex={0}\n      class={classArr(\"\")}\n    >\n      {p.valueChildren(p.value)}\n    </div>\n  )\n}\n\nfunction makeTriggerId(baseId: string, value: string) {\n  return `${baseId}-${value}-trigger`\n}\n\nfunction makeContentId(baseId: string, value: string) {\n  return `${baseId}-${value}-content`\n}\n\ninterface SetActiveTabProps extends HasValueSignalString {\n  value: string\n}\n\nfunction setActiveTab(p: SetActiveTabProps) {\n  let prev = p.valueSignal.get()\n  // console.log(\"setActiveTab\", p.value, \"prev:\", prev)\n  if (prev === p.value) return\n  p.valueSignal.set(p.value)\n}\n\ninterface OptionProps {\n  value: string\n  valueSignal: SignalObject<string>\n}\n\nfunction isSelected(p: OptionProps) {\n  return p.value === p.valueSignal.get()\n}\n\ninterface GetTextProps {\n  value: string\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n}\n\nfunction getText(p: GetTextProps): string {\n  const amount = p.valueAmount?.(p.value)\n  const text = p.valueText?.(p.value) || p.value\n  if (!amount) return text\n  return `${text} (${amount})`\n}\n"],"names":["TabsTop","p","baseId","createUniqueId","_el$","_tmpl$","_$insert","_$createComponent","Key","each","getOptions","by","value","fallback","NoTabOptions","class","texts","children","TabOption","valueSignal","disabled","valueAmount","valueText","valueChildren","_$effect","_p$","_v$","id","_v$2","_v$3","classArr","e","_$setAttribute","t","a","_$className","undefined","_el$2","_tmpl$2","TabContent","tabsTopTextDefault","_el$3","noEntries","_el$4","_tmpl$3","$$click","setActiveTab","getText","_v$4","isSelected","_v$5","makeTriggerId","_v$6","makeContentId","_v$7","_v$8","_v$9","_v$0","o","i","n","s","_el$5","_tmpl$4","_v$1","_v$10","_v$11","_v$12","_v$13","hidden","prev","get","set","amount","text","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"TabsTop.js","names":["TabsTopText","tabsTopTextDefault","classArr","SignalObject","HasGetOptions","HasValueSignalString","MayHaveValueText","MayHaveChildren","MayHaveClass","Key","JSXElement","createUniqueId","TabsTopProps","valueIcon","value","valueAmount","valueChildren","id","disabled","texts","TabsTop","p","baseId","_el$","_tmpl$","_$insert","_$createComponent","each","getOptions","by","fallback","NoTabOptions","class","children","TabOption","valueSignal","valueText","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","_$className","undefined","_el$2","_tmpl$2","TabContent","_el$3","noEntries","TabOptionProps","_el$4","_tmpl$3","$$click","setActiveTab","getText","_v$4","isSelected","_v$5","makeTriggerId","_v$6","makeContentId","_v$7","_v$8","_v$9","_v$0","o","i","n","s","_el$5","_tmpl$4","_v$1","_v$10","_v$11","_v$12","_v$13","hidden","SetActiveTabProps","prev","get","set","OptionProps","GetTextProps","amount","text","_$delegateEvents"],"sources":["../../../ui/interactive/tabs/TabsTop.tsx"],"sourcesContent":["import type { TabsTopText } from \"#ui/interactive/tabs/TabsTopText.js\"\nimport { tabsTopTextDefault } from \"#ui/interactive/tabs/TabsTopText.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { HasGetOptions } from \"#ui/utils/HasGetOptions.js\"\nimport type { HasValueSignalString } from \"#ui/utils/HasValueSignalString.js\"\nimport type { MayHaveValueText } from \"#ui/utils/HasValueText.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport type { JSXElement } from \"solid-js\"\nimport { createUniqueId } from \"solid-js\"\n\nexport interface TabsTopProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveChildren,\n    MayHaveClass {\n  valueIcon?: (value: string) => string\n  valueAmount?: (value: string) => number | undefined\n  valueChildren: (value: string) => JSXElement\n  id?: string\n  disabled?: boolean\n  texts?: TabsTopText\n}\n\n/**\n * https://www.radix-ui.com/primitives/docs/components/tabs\n * https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx\n **/\nexport function TabsTop(p: TabsTopProps) {\n  const baseId = createUniqueId()\n  return (\n    <>\n      <div\n        id={p.id}\n        role=\"tablist\"\n        data-disabled={p.disabled}\n        class={classArr(\n          \"flex flex-wrap gap-2\",\n          // \"grid gap-2 rounded-md p-2\",\n          \"bg-white dark:bg-black\", // bg\n          \"border border-slate-200 dark:border-slate-700\", // border\n          p.class,\n        )}\n      >\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabOption\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n      <div>\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabContent\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n    </>\n  )\n}\n\nfunction NoTabOptions(p: { class?: string; texts?: TabsTopText }) {\n  const texts = p.texts ?? tabsTopTextDefault\n  return <div class={p.class}>{texts.noEntries}</div>\n}\n\ninterface TabOptionProps extends MayHaveClass {\n  baseId: string\n  value: string\n  valueSignal: SignalObject<string>\n  disabled?: boolean\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n  valueChildren: (value: string) => JSXElement\n}\n\nfunction TabOption(p: TabOptionProps): JSXElement {\n  // console.log(\"TabOption\", p.value, \"value:\", p.valueSignal.get())\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isSelected(p)}\n      id={makeTriggerId(p.baseId, p.value)}\n      aria-controls={makeContentId(p.baseId, p.value)}\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      data-disabled={p.disabled}\n      disabled={p.disabled}\n      class={classArr(\n        // \"block\",\n        \"cursor-pointer select-none\",\n        \"rounded-sm\",\n        \"px-3 py-2 text-center\",\n        isSelected(p) ? \"bg-blue-500 text-white\" : \"hover:bg-slate-50 dark:hover:bg-slate-900\", // bg hover\n        \"flex gap-2\",\n        p.class,\n      )}\n      onClick={(e) => setActiveTab(p)}\n    >\n      {getText(p)}\n    </button>\n  )\n}\n\nfunction TabContent(p: TabOptionProps): JSXElement {\n  return (\n    <div\n      id={makeContentId(p.baseId, p.value)}\n      role=\"tabpanel\"\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      aria-labelledby={makeTriggerId(p.baseId, p.value)}\n      hidden={!isSelected(p)}\n      tabIndex={0}\n      class={classArr(\"\")}\n    >\n      {p.valueChildren(p.value)}\n    </div>\n  )\n}\n\nfunction makeTriggerId(baseId: string, value: string) {\n  return `${baseId}-${value}-trigger`\n}\n\nfunction makeContentId(baseId: string, value: string) {\n  return `${baseId}-${value}-content`\n}\n\ninterface SetActiveTabProps extends HasValueSignalString {\n  value: string\n}\n\nfunction setActiveTab(p: SetActiveTabProps) {\n  let prev = p.valueSignal.get()\n  // console.log(\"setActiveTab\", p.value, \"prev:\", prev)\n  if (prev === p.value) return\n  p.valueSignal.set(p.value)\n}\n\ninterface OptionProps {\n  value: string\n  valueSignal: SignalObject<string>\n}\n\nfunction isSelected(p: OptionProps) {\n  return p.value === p.valueSignal.get()\n}\n\ninterface GetTextProps {\n  value: string\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n}\n\nfunction getText(p: GetTextProps): string {\n  const amount = p.valueAmount?.(p.value)\n  const text = p.valueText?.(p.value) || p.value\n  if (!amount) return text\n  return `${text} (${amount})`\n}\n"],"mappings":"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"}

package/dist/interactive/tabs/TabsTopText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTopText.d.ts","sourceRoot":"","sources":["../../../lib/interactive/tabs/TabsTopText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAEC,CAAA"}
+{"version":3,"file":"TabsTopText.d.ts","sourceRoot":"","sources":["../../../ui/interactive/tabs/TabsTopText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAEC,CAAA"}

package/dist/interactive/tabs/TabsTopText.js

@@ -1,8 +1,7 @@
 import { ttt } from "../../i18n/ttt.js";
-const tabsTopTextDefault = {
-  noEntries: ttt("No entries")
-};
-export {
-  tabsTopTextDefault
-};
-//# sourceMappingURL=TabsTopText.js.map
+//#region ui/interactive/tabs/TabsTopText.ts
+var tabsTopTextDefault = { noEntries: ttt("No entries") };
+//#endregion
+export { tabsTopTextDefault };
+
+//# sourceMappingURL=TabsTopText.js.map

package/dist/interactive/tabs/TabsTopText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTopText.js","sources":["../../../lib/interactive/tabs/TabsTopText.ts"],"sourcesContent":["import { ttt } from \"~ui/i18n/ttt\"\n\nexport type TabsTopText = {\n  noEntries: string\n}\n\nexport const tabsTopTextDefault = {\n  noEntries: ttt(\"No entries\"),\n} as const satisfies TabsTopText\n"],"names":[],"mappings":";AAMO,MAAM,qBAAqB;AAAA,EAChC,WAAW,IAAI,YAAY;AAC7B;"}
+{"version":3,"file":"TabsTopText.js","names":[],"sources":["../../../ui/interactive/tabs/TabsTopText.ts"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\n\nexport type TabsTopText = {\n  noEntries: string\n}\n\nexport const tabsTopTextDefault = {\n  noEntries: ttt(\"No entries\"),\n} as const satisfies TabsTopText\n"],"mappings":";;AAMA,IAAa,qBAAqB,EAChC,WAAW,IAAI,aAAa,EAC7B"}

package/dist/interactive/theme/ThemeButton.d.ts

@@ -1,5 +1,5 @@
-import { ThemeButtonText } from './ThemeButtonText';
-import { MayHaveClass } from '../../utils/MayHaveClass';
+import { ThemeButtonText } from '#ui/interactive/theme/ThemeButtonText.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
 export interface ThemeButtonProps extends MayHaveClass {
     showText?: boolean;
     texts?: ThemeButtonText;

package/dist/interactive/theme/ThemeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AAK5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCA0B9C"}
+{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAK/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCA0B9C"}

package/dist/interactive/theme/ThemeButton.js

@@ -1,51 +1,54 @@
-import { createComponent } from "solid-js/web";
-import { onMount, onCleanup } from "solid-js";
+import { classMerge } from "../../utils/classMerge.js";
 import { buttonVariant } from "../button/buttonCva.js";
-import { ButtonIconOnly } from "../button/ButtonIconOnly.js";
-import { themeButtonTextDefault } from "./ThemeButtonText.js";
-import { themeInit, themeSignal, themeRotate } from "./themeSignal.js";
 import { themeIcon } from "./themeVariant.js";
-import { classMerge } from "../../utils/classMerge.js";
+import { themeButtonTextDefault } from "./ThemeButtonText.js";
+import { themeInit, themeRotate, themeSignal } from "./themeSignal.js";
+import { ButtonIconOnly } from "../button/ButtonIconOnly.js";
+import { onCleanup, onMount } from "solid-js";
+import { createComponent } from "solid-js/web";
+//#region ui/interactive/theme/ThemeButton.tsx
 function ThemeButton(p) {
-  const handleGlobalKeyDown = createGlobalKeyHandler();
-  const texts = p.texts ?? themeButtonTextDefault;
-  onMount(() => {
-    themeInit();
-    window.addEventListener("keydown", handleGlobalKeyDown);
-    onCleanup(() => window.removeEventListener("keydown", handleGlobalKeyDown));
-  });
-  const currentTheme = themeSignal.get();
-  const themeName = texts[currentTheme];
-  return createComponent(ButtonIconOnly, {
-    get title() {
-      return texts.currentTheme(themeName);
-    },
-    get icon() {
-      return themeIcon(currentTheme);
-    },
-    get variant() {
-      return buttonVariant.ghost;
-    },
-    get ["class"]() {
-      return classMerge(p.class);
-    },
-    onClick: themeRotate,
-    get children() {
-      return p.showText && themeName;
-    }
-  });
+	const navigate = (to) => {};
+	const handleGlobalKeyDown = createGlobalKeyHandler(navigate);
+	const texts = p.texts ?? themeButtonTextDefault;
+	onMount(() => {
+		themeInit();
+		window.addEventListener("keydown", handleGlobalKeyDown);
+		onCleanup(() => window.removeEventListener("keydown", handleGlobalKeyDown));
+	});
+	const currentTheme = themeSignal.get();
+	const themeName = texts[currentTheme];
+	return createComponent(ButtonIconOnly, {
+		get title() {
+			return texts.currentTheme(themeName);
+		},
+		get icon() {
+			return themeIcon(currentTheme);
+		},
+		get variant() {
+			return buttonVariant.ghost;
+		},
+		get ["class"]() {
+			return classMerge(p.class);
+		},
+		onClick: themeRotate,
+		get children() {
+			return p.showText && themeName;
+		}
+	});
 }
 function createGlobalKeyHandler(navigate) {
-  return (e) => {
-    if (e.key === "s" && e.altKey) {
-      e.preventDefault();
-      themeRotate();
-    } else if (e.key === "d" && e.altKey) {
-      e.preventDefault();
-    }
-  };
+	return (e) => {
+		if (e.key === "s" && e.altKey) {
+			e.preventDefault();
+			themeRotate();
+		} else if (e.key === "d" && e.altKey) {
+			e.preventDefault();
+			navigate("/demos");
+		}
+	};
 }
-export {
-  ThemeButton
-};
-//# sourceMappingURL=ThemeButton.js.map
+//#endregion
+export { ThemeButton };
+
+//# sourceMappingURL=ThemeButton.js.map

package/dist/interactive/theme/ThemeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.js","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIconOnly } from \"~ui/interactive/button/ButtonIconOnly\"\nimport type { ThemeButtonText } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeInit, themeRotate, themeSignal } from \"~ui/interactive/theme/themeSignal\"\nimport { themeIcon } from \"~ui/interactive/theme/themeVariant\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  onMount(() => {\n    themeInit()\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"names":["ThemeButton","p","handleGlobalKeyDown","createGlobalKeyHandler","texts","themeButtonTextDefault","onMount","themeInit","window","addEventListener","onCleanup","removeEventListener","currentTheme","themeSignal","get","themeName","_$createComponent","ButtonIconOnly","title","icon","themeIcon","variant","buttonVariant","ghost","classMerge","class","onClick","themeRotate","children","showText","navigate","e","key","altKey","preventDefault"],"mappings":";;;;;;;;AAeO,SAASA,YAAYC,GAAqB;AAE/C,QAAMC,sBAAsBC,uBAA+B;AAE3D,QAAMC,QAAQH,EAAEG,SAASC;AAEzBC,UAAQ,MAAM;AACZC,cAAAA;AACAC,WAAOC,iBAAiB,WAAWP,mBAAmB;AACtDQ,cAAU,MAAMF,OAAOG,oBAAoB,WAAWT,mBAAmB,CAAC;AAAA,EAC5E,CAAC;AAED,QAAMU,eAAeC,YAAYC,IAAAA;AACjC,QAAMC,YAAYX,MAAMQ,YAAY;AAEpC,SAAAI,gBACGC,gBAAc;AAAA,IAAA,IACbC,QAAK;AAAA,aAAEd,MAAMQ,aAAaG,SAAS;AAAA,IAAC;AAAA,IAAA,IACpCI,OAAI;AAAA,aAAEC,UAAUR,YAAY;AAAA,IAAC;AAAA,IAAA,IAC7BS,UAAO;AAAA,aAAEC,cAAcC;AAAAA,IAAK;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACrBC,WAAWvB,EAAEwB,KAAK;AAAA,IAAC;AAAA,IAC1BC,SAASC;AAAAA,IAAW,IAAAC,WAAA;AAAA,aAEnB3B,EAAE4B,YAAYd;AAAAA,IAAS;AAAA,EAAA,CAAA;AAG9B;AAEA,SAASZ,uBAAuB2B,UAAgC;AAC9D,SAAO,CAACC,MAAqB;AAC3B,QAAIA,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AAC7BF,QAAEG,eAAAA;AACFP,kBAAAA;AAAAA,IACF,WAAWI,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AACpCF,QAAEG,eAAAA;AAAAA,IAEJ;AAAA,EACF;AACF;"}
+{"version":3,"file":"ThemeButton.js","names":["buttonVariant","ButtonIconOnly","ThemeButtonText","themeButtonTextDefault","themeInit","themeRotate","themeSignal","themeIcon","classMerge","MayHaveClass","onCleanup","onMount","ThemeButtonProps","showText","texts","ThemeButton","p","navigate","to","handleGlobalKeyDown","createGlobalKeyHandler","window","addEventListener","removeEventListener","currentTheme","get","themeName","_$createComponent","title","icon","variant","ghost","class","onClick","children","e","KeyboardEvent","key","altKey","preventDefault"],"sources":["../../../ui/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIconOnly } from \"#ui/interactive/button/ButtonIconOnly.jsx\"\nimport type { ThemeButtonText } from \"#ui/interactive/theme/ThemeButtonText.js\"\nimport { themeButtonTextDefault } from \"#ui/interactive/theme/ThemeButtonText.js\"\nimport { themeInit, themeRotate, themeSignal } from \"#ui/interactive/theme/themeSignal.js\"\nimport { themeIcon } from \"#ui/interactive/theme/themeVariant.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { onCleanup, onMount } from \"solid-js\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  onMount(() => {\n    themeInit()\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgBe,YAAYC,GAAqB;CAC/C,MAAMC,YAAYC,OAAe;CACjC,MAAMC,sBAAsBC,uBAAuBH,SAAS;CAE5D,MAAMH,QAAQE,EAAEF,SAASX;AAEzBQ,eAAc;AACZP,aAAW;AACXiB,SAAOC,iBAAiB,WAAWH,oBAAoB;AACvDT,kBAAgBW,OAAOE,oBAAoB,WAAWJ,oBAAoB,CAAC;GAC3E;CAEF,MAAMK,eAAelB,YAAYmB,KAAK;CACtC,MAAMC,YAAYZ,MAAMU;AAExB,QAAAG,gBACG1B,gBAAc;EAAA,IACb2B,QAAK;AAAA,UAAEd,MAAMU,aAAaE,UAAU;;EAAA,IACpCG,OAAI;AAAA,UAAEtB,UAAUiB,aAAa;;EAAA,IAC7BM,UAAO;AAAA,UAAE9B,cAAc+B;;EAAK,KAAA,WAAA;AAAA,UACrBvB,WAAWQ,EAAEgB,MAAM;;EAC1BC,SAAS5B;EAAW,IAAA6B,WAAA;AAAA,UAEnBlB,EAAEH,YAAYa;;EAAS,CAAA;;AAK9B,SAASN,uBAAuBH,UAAgC;AAC9D,SAAQkB,MAAqB;AAC3B,MAAIA,EAAEE,QAAQ,OAAOF,EAAEG,QAAQ;AAC7BH,KAAEI,gBAAgB;AAClBlC,gBAAa;aACJ8B,EAAEE,QAAQ,OAAOF,EAAEG,QAAQ;AACpCH,KAAEI,gBAAgB;AAClBtB,YAAS,SAAS"}

package/dist/interactive/theme/ThemeButtonText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButtonText.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButtonText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;mCAIX,MAAM;+BACV,MAAM;CACU,CAAA"}
+{"version":3,"file":"ThemeButtonText.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/ThemeButtonText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;mCAIX,MAAM;+BACV,MAAM;CACU,CAAA"}

package/dist/interactive/theme/ThemeButtonText.js

@@ -1,12 +1,13 @@
-import { ttt1, ttt } from "../../i18n/ttt.js";
-const themeButtonTextDefault = {
-  light: ttt("Light"),
-  dark: ttt("Dark"),
-  os: ttt("Operation system"),
-  currentTheme: (theme) => ttt1("Current theme: [X]", theme),
-  setTheme: (theme) => ttt1("Theme set: [X]", theme)
+import { ttt, ttt1 } from "../../i18n/ttt.js";
+//#region ui/interactive/theme/ThemeButtonText.ts
+var themeButtonTextDefault = {
+	light: ttt("Light"),
+	dark: ttt("Dark"),
+	os: ttt("Operation system"),
+	currentTheme: (theme) => ttt1("Current theme: [X]", theme),
+	setTheme: (theme) => ttt1("Theme set: [X]", theme)
 };
-export {
-  themeButtonTextDefault
-};
-//# sourceMappingURL=ThemeButtonText.js.map
+//#endregion
+export { themeButtonTextDefault };
+
+//# sourceMappingURL=ThemeButtonText.js.map