@adaptive-ds/solid-ui 0.13.1 → 0.14.0

package/dist/input/check/CheckBoolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoolean.js","sources":["../../../lib/input/check/CheckBoolean.tsx"],"sourcesContent":["import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveButtonVariant } from \"~ui/utils/MayHaveButtonVariant\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CheckBooleanProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBoolean(p: CheckBooleanProps) {\n  const currentValue = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <div class=\"flex gap-2\">\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={!currentValue()}\n          icon={!currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(false)}\n          variant={!currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(false)}\n        </ButtonIcon>\n\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={currentValue()}\n          icon={currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(true)}\n          variant={currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(true)}\n        </ButtonIcon>\n      </div>\n    </div>\n  )\n}\n"],"names":["CheckBoolean","p","currentValue","valueSignal","get","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","ButtonIcon","role","icon","mdiCheckboxMarkedCircle","mdiCheckboxBlankCircleOutline","onClick","set","variant","_$memo","buttonVariant","filled","outline","classMerge","innerClass","optionClass","disabled","children","valueText","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined"],"mappings":";;;;;;AAsBO,SAASA,aAAaC,GAAsB;AACjD,QAAMC,eAAeA,MAAMD,EAAEE,YAAYC,IAAAA;AAEzC,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG;AAAAC,WAAAF,OAAAG,gBAcOC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACW,CAACV,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC9BW,OAAI;AAAA,eAAE,CAACX,iBAAiBY,0BAA0BC;AAAAA,MAA6B;AAAA,MAC/EC,SAASA,MAAMf,EAAEE,YAAYc,IAAI,KAAK;AAAA,MAAC,IACvCC,UAAO;AAAA,eAAEC,KAAA,MAAA,CAAA,CAAA,CAACjB,aAAAA,CAAc,EAAA,IAAID,EAAEiB,WAAWE,cAAcC,SAAUD,cAAcE;AAAAA,MAAO;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAC/EC,WAAW,2BAA2BtB,EAAEuB,YAAYvB,EAAEwB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEzB,EAAEyB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnB1B,EAAE2B,UAAU,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAnB,WAAAF,OAAAG,gBAGpBC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACWV,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC7BW,OAAI;AAAA,eAAEX,aAAAA,IAAiBY,0BAA0BC;AAAAA,MAA6B;AAAA,MAC9EC,SAASA,MAAMf,EAAEE,YAAYc,IAAI,IAAI;AAAA,MAAC,IACtCC,UAAO;AAAA,eAAEC,KAAA,MAAA,CAAA,CAAAjB,cAAc,EAAA,IAAID,EAAEiB,WAAWE,cAAcC,SAAUD,cAAcE;AAAAA,MAAO;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAC9EC,WAAW,2BAA2BtB,EAAEuB,YAAYvB,EAAEwB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEzB,EAAEyB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnB1B,EAAE2B,UAAU,IAAI;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAC,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MAjClB9B,EAAE+B,IAAEC,OACDV;AAAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QACAtB,EAAEiC;AAAAA,MAAAA;AACHH,cAAAD,IAAAK,KAAAC,aAAA/B,MAAA,MAAAyB,IAAAK,IAAAJ,GAAA;AAAAE,eAAAH,IAAAO,KAAAC,UAAAjC,MAAAyB,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,IAAAA,CAAA;AAAA,WAAAlC;AAAAA,EAAA,GAAA;AA6BP;"}
+{"version":3,"file":"CheckBoolean.js","names":["buttonVariant","ButtonIcon","classMerge","SignalObject","MayHaveButtonVariant","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheckboxBlankCircleOutline","mdiCheckboxMarkedCircle","CheckBooleanProps","valueSignal","valueText","value","optionClass","CheckBoolean","p","currentValue","get","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","role","aria-selected","icon","onClick","set","variant","_$memo","filled","outline","class","innerClass","disabled","children","_$effect","_p$","_v$","id","_v$2","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../ui/input/check/CheckBoolean.tsx"],"sourcesContent":["import { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\n\nexport interface CheckBooleanProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBoolean(p: CheckBooleanProps) {\n  const currentValue = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <div class=\"flex gap-2\">\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={!currentValue()}\n          icon={!currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(false)}\n          variant={!currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(false)}\n        </ButtonIcon>\n\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={currentValue()}\n          icon={currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(true)}\n          variant={currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(true)}\n        </ButtonIcon>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAsBA,SAAgBgB,aAAaC,GAAsB;CACjD,MAAMC,qBAAqBD,EAAEL,YAAYO,KAAK;AAE9C,eAAA;EAAA,IAAAC,OAAAC,QAAA,EAAAC,QAAAF,KAAAG;AAAAC,SAAAF,OAAAG,gBAcOxB,YAAU;GACTyB,MAAI;GAAA,KAAA,mBAAA;AAAA,WACW,CAACR,cAAc;;GAAA,IAC9BU,OAAI;AAAA,WAAE,CAACV,cAAc,GAAGR,0BAA0BD;;GAClDoB,eAAeZ,EAAEL,YAAYkB,IAAI,MAAM;GAAA,IACvCC,UAAO;AAAA,WAAEC,WAAA,CAAA,CAAA,CAACd,cAAc,CAAA,EAAA,GAAID,EAAEc,WAAW/B,cAAciC,SAAUjC,cAAckC;;GAAO,KAAA,WAAA;AAAA,WAC/EhC,WAAW,2BAA2Be,EAAEmB,YAAYnB,EAAEF,YAAY;;GAAA,IACzEsB,WAAQ;AAAA,WAAEpB,EAAEoB;;GAAQ,IAAAC,WAAA;AAAA,WAEnBrB,EAAEJ,UAAU,MAAM;;GAAA,CAAA,EAAA,KAAA;AAAAW,SAAAF,OAAAG,gBAGpBxB,YAAU;GACTyB,MAAI;GAAA,KAAA,mBAAA;AAAA,WACWR,cAAc;;GAAA,IAC7BU,OAAI;AAAA,WAAEV,cAAc,GAAGR,0BAA0BD;;GACjDoB,eAAeZ,EAAEL,YAAYkB,IAAI,KAAK;GAAA,IACtCC,UAAO;AAAA,WAAEC,WAAA,CAAA,CAAAd,cAAc,CAAA,EAAA,GAAID,EAAEc,WAAW/B,cAAciC,SAAUjC,cAAckC;;GAAO,KAAA,WAAA;AAAA,WAC9EhC,WAAW,2BAA2Be,EAAEmB,YAAYnB,EAAEF,YAAY;;GAAA,IACzEsB,WAAQ;AAAA,WAAEpB,EAAEoB;;GAAQ,IAAAC,WAAA;AAAA,WAEnBrB,EAAEJ,UAAU,KAAK;;GAAA,CAAA,EAAA,KAAA;AAAA0B,UAAAC,QAAA;GAAA,IAAAC,MAjClBxB,EAAEyB,IAAEC,OACDzC,WACL,6BACA,aACA,0BACA,cACA,yEACA,sCACAe,EAAEkB,MACH;AAAAM,WAAAD,IAAAI,KAAAC,aAAAzB,MAAA,MAAAoB,IAAAI,IAAAH,IAAA;AAAAE,YAAAH,IAAAM,KAAAC,UAAA3B,MAAAoB,IAAAM,IAAAH,KAAA;AAAA,UAAAH;KAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAA,CAAA;AAAA,SAAA5B;KAAA"}

package/dist/input/check/CheckBooleanSingle.d.ts

@@ -1,9 +1,9 @@
-import { SignalObject } from '../../utils/createSignalObject';
-import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
-import { MayHaveId } from '../../utils/MayHaveId';
-import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
+import { MayHaveButtonVariant } from '#ui/utils/MayHaveButtonVariant.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
+import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
 export interface CheckBooleanSingleProps extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
     valueSignal: SignalObject<boolean>;
     valueText: (value: boolean) => string;

package/dist/input/check/CheckBooleanSingle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBooleanSingle.d.ts","sourceRoot":"","sources":["../../../lib/input/check/CheckBooleanSingle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,uBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IACjB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCA8B5D"}
+{"version":3,"file":"CheckBooleanSingle.d.ts","sourceRoot":"","sources":["../../../ui/input/check/CheckBooleanSingle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,MAAM,WAAW,uBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IACjB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCA8B5D"}

package/dist/input/check/CheckBooleanSingle.js

@@ -1,61 +1,53 @@
-import { insert, createComponent, effect, setAttribute, className, template } from "solid-js/web";
-import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
+import { classMerge } from "../../utils/classMerge.js";
 import { buttonVariant } from "../../interactive/button/buttonCva.js";
 import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
-import { classMerge } from "../../utils/classMerge.js";
+import { className, createComponent, effect, insert, setAttribute, template } from "solid-js/web";
+import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from "@mdi/js";
+//#region ui/input/check/CheckBooleanSingle.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 function CheckBooleanSingle(p) {
-  const label = () => p.valueText(p.valueSignal.get());
-  const isSelected = () => p.valueSignal.get();
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(ButtonIcon, {
-      role: "option",
-      get ["aria-selected"]() {
-        return isSelected();
-      },
-      get icon() {
-        return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
-      },
-      onClick: () => toggleOption(p),
-      get variant() {
-        return p.variant ?? buttonVariant.filled;
-      },
-      get ["class"]() {
-        return classMerge("justify-start text-left", p.innerClass, p.optionClass);
-      },
-      get disabled() {
-        return p.disabled;
-      },
-      get children() {
-        return label();
-      }
-    }));
-    effect((_p$) => {
-      var _v$ = p.id, _v$2 = classMerge(
-        "group border border-input",
-        "px-2 py-2",
-        "ring-offset-background",
-        "rounded-md",
-        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-        "flex flex-col justify-center",
-        // layout
-        p.class
-      );
-      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
+	const label = () => p.valueText(p.valueSignal.get());
+	const isSelected = () => p.valueSignal.get();
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(ButtonIcon, {
+			role: "option",
+			get ["aria-selected"]() {
+				return isSelected();
+			},
+			get icon() {
+				return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
+			},
+			onClick: () => toggleOption(p),
+			get variant() {
+				return p.variant ?? buttonVariant.filled;
+			},
+			get ["class"]() {
+				return classMerge("justify-start text-left", p.innerClass, p.optionClass);
+			},
+			get disabled() {
+				return p.disabled;
+			},
+			get children() {
+				return label();
+			}
+		}));
+		effect((_p$) => {
+			var _v$ = p.id, _v$2 = classMerge("group border border-input", "px-2 py-2", "ring-offset-background", "rounded-md", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", "flex flex-col justify-center", p.class);
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
 }
 function toggleOption(p) {
-  p.valueSignal.set(!p.valueSignal.get());
+	p.valueSignal.set(!p.valueSignal.get());
 }
-export {
-  CheckBooleanSingle
-};
-//# sourceMappingURL=CheckBooleanSingle.js.map
+//#endregion
+export { CheckBooleanSingle };
+
+//# sourceMappingURL=CheckBooleanSingle.js.map

package/dist/input/check/CheckBooleanSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBooleanSingle.js","sources":["../../../lib/input/check/CheckBooleanSingle.tsx"],"sourcesContent":["import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveButtonVariant } from \"~ui/utils/MayHaveButtonVariant\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CheckBooleanSingleProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBooleanSingle(p: CheckBooleanSingleProps) {\n  const label = () => p.valueText(p.valueSignal.get())\n  const isSelected = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center\", // layout\n        p.class,\n      )}\n    >\n      <ButtonIcon\n        role=\"option\"\n        aria-selected={isSelected()}\n        icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n        onClick={() => toggleOption(p)}\n        variant={p.variant ?? buttonVariant.filled}\n        class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n        disabled={p.disabled}\n      >\n        {label()}\n      </ButtonIcon>\n    </div>\n  )\n}\n\nfunction toggleOption(p: CheckBooleanSingleProps) {\n  p.valueSignal.set(!p.valueSignal.get())\n}\n"],"names":["CheckBooleanSingle","p","label","valueText","valueSignal","get","isSelected","_el$","_tmpl$","_$insert","_$createComponent","ButtonIcon","role","icon","mdiCheckboxMarkedCircle","mdiCheckboxBlankCircleOutline","onClick","toggleOption","variant","buttonVariant","filled","classMerge","innerClass","optionClass","disabled","children","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined","set"],"mappings":";;;;;;AAsBO,SAASA,mBAAmBC,GAA4B;AAC7D,QAAMC,QAAQA,MAAMD,EAAEE,UAAUF,EAAEG,YAAYC,KAAK;AACnD,QAAMC,aAAaA,MAAML,EAAEG,YAAYC,IAAAA;AAEvC,UAAA,MAAA;AAAA,QAAAE,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAaKC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACWN,WAAAA;AAAAA,MAAY;AAAA,MAAA,IAC3BO,OAAI;AAAA,eAAEP,WAAAA,IAAeQ,0BAA0BC;AAAAA,MAA6B;AAAA,MAC5EC,SAASA,MAAMC,aAAahB,CAAC;AAAA,MAAC,IAC9BiB,UAAO;AAAA,eAAEjB,EAAEiB,WAAWC,cAAcC;AAAAA,MAAM;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACnCC,WAAW,2BAA2BpB,EAAEqB,YAAYrB,EAAEsB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEvB,EAAEuB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnBvB,MAAAA;AAAAA,MAAO;AAAA,IAAA,CAAA,CAAA;AAAAwB,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MApBN3B,EAAE4B,IAAEC,OACDT;AAAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QACApB,EAAE8B;AAAAA,MAAAA;AACHH,cAAAD,IAAAK,KAAAC,aAAA1B,MAAA,MAAAoB,IAAAK,IAAAJ,GAAA;AAAAE,eAAAH,IAAAO,KAAAC,UAAA5B,MAAAoB,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,IAAAA,CAAA;AAAA,WAAA7B;AAAAA,EAAA,GAAA;AAeP;AAEA,SAASU,aAAahB,GAA4B;AAChDA,IAAEG,YAAYiC,IAAI,CAACpC,EAAEG,YAAYC,KAAK;AACxC;"}
+{"version":3,"file":"CheckBooleanSingle.js","names":["buttonVariant","ButtonIcon","classMerge","SignalObject","MayHaveButtonVariant","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheckboxBlankCircleOutline","mdiCheckboxMarkedCircle","CheckBooleanSingleProps","valueSignal","valueText","value","optionClass","CheckBooleanSingle","p","label","get","isSelected","_el$","_tmpl$","_$insert","_$createComponent","role","aria-selected","icon","onClick","toggleOption","variant","filled","class","innerClass","disabled","children","_$effect","_p$","_v$","id","_v$2","e","_$setAttribute","t","_$className","undefined","set"],"sources":["../../../ui/input/check/CheckBooleanSingle.tsx"],"sourcesContent":["import { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\n\nexport interface CheckBooleanSingleProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBooleanSingle(p: CheckBooleanSingleProps) {\n  const label = () => p.valueText(p.valueSignal.get())\n  const isSelected = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center\", // layout\n        p.class,\n      )}\n    >\n      <ButtonIcon\n        role=\"option\"\n        aria-selected={isSelected()}\n        icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n        onClick={() => toggleOption(p)}\n        variant={p.variant ?? buttonVariant.filled}\n        class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n        disabled={p.disabled}\n      >\n        {label()}\n      </ButtonIcon>\n    </div>\n  )\n}\n\nfunction toggleOption(p: CheckBooleanSingleProps) {\n  p.valueSignal.set(!p.valueSignal.get())\n}\n"],"mappings":";;;;;;;AAsBA,SAAgBgB,mBAAmBC,GAA4B;CAC7D,MAAMC,cAAcD,EAAEJ,UAAUI,EAAEL,YAAYO,KAAK,CAAC;CACpD,MAAMC,mBAAmBH,EAAEL,YAAYO,KAAK;AAE5C,eAAA;EAAA,IAAAE,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,gBAaKvB,YAAU;GACTwB,MAAI;GAAA,KAAA,mBAAA;AAAA,WACWL,YAAY;;GAAA,IAC3BO,OAAI;AAAA,WAAEP,YAAY,GAAGV,0BAA0BD;;GAC/CmB,eAAeC,aAAaZ,EAAE;GAAA,IAC9Ba,UAAO;AAAA,WAAEb,EAAEa,WAAW9B,cAAc+B;;GAAM,KAAA,WAAA;AAAA,WACnC7B,WAAW,2BAA2Be,EAAEgB,YAAYhB,EAAEF,YAAY;;GAAA,IACzEmB,WAAQ;AAAA,WAAEjB,EAAEiB;;GAAQ,IAAAC,WAAA;AAAA,WAEnBjB,OAAO;;GAAA,CAAA,CAAA;AAAAkB,UAAAC,QAAA;GAAA,IAAAC,MApBNrB,EAAEsB,IAAEC,OACDtC,WACL,6BACA,aACA,0BACA,cACA,yEACA,gCACAe,EAAEe,MACH;AAAAM,WAAAD,IAAAI,KAAAC,aAAArB,MAAA,MAAAgB,IAAAI,IAAAH,IAAA;AAAAE,YAAAH,IAAAM,KAAAC,UAAAvB,MAAAgB,IAAAM,IAAAH,KAAA;AAAA,UAAAH;KAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAA,CAAA;AAAA,SAAAxB;KAAA;;AAiBP,SAASQ,aAAaZ,GAA4B;AAChDA,GAAEL,YAAYkC,IAAI,CAAC7B,EAAEL,YAAYO,KAAK,CAAC"}

package/dist/input/check/CheckMultiple.d.ts

@@ -1,13 +1,16 @@
-import { SignalObject } from '../../utils/createSignalObject';
-import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
-import { MayHaveId } from '../../utils/MayHaveId';
-import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
+import { MayHaveButtonVariant } from '#ui/utils/MayHaveButtonVariant.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
+import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
 export interface CheckMultipleProps<T extends string> extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
     valueSignal: SignalObject<T[]>;
     getOptions: () => T[];
     valueText?: (value: T) => string;
+    valueTextClass?: string;
+    valueTextSubtitle?: (value: T) => string | undefined;
+    valueTextSubtitleClass?: string;
     optionClass?: string;
 }
 export declare function CheckMultiple<T extends string = string>(p: CheckMultipleProps<T>): import("solid-js").JSX.Element;

package/dist/input/check/CheckMultiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckMultiple.d.ts","sourceRoot":"","sources":["../../../lib/input/check/CheckMultiple.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAClD,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IAEjB,WAAW,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAC,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAEhC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,kCAwBhF"}
+{"version":3,"file":"CheckMultiple.d.ts","sourceRoot":"","sources":["../../../ui/input/check/CheckMultiple.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAClD,SAAQ,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe;IAEzF,WAAW,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAC,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAE/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,kCA6BhF"}

package/dist/input/check/CheckMultiple.js

@@ -1,138 +1,161 @@
-import { insert, createComponent, effect, setAttribute, className, template } from "solid-js/web";
-import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
-import { For } from "solid-js";
+import { classMerge } from "../../utils/classMerge.js";
+import { classArr } from "../../utils/classArr.js";
 import { buttonVariant } from "../../interactive/button/buttonCva.js";
 import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
-import { classesGridCols3xl } from "../../static/container/classesGridCols.js";
-import { classArr } from "../../utils/classArr.js";
-import { classMerge } from "../../utils/classMerge.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+import { classesGridCols3xl } from "../../static/grid/classesGridCols.js";
+import { classesTextMuted } from "../../classes/classesTextMuted.js";
+import { For, Show, splitProps } from "solid-js";
+import { className, createComponent, effect, insert, mergeProps as mergeProps$1, setAttribute, template } from "solid-js/web";
+import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from "@mdi/js";
+//#region ui/input/check/CheckMultiple.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<span class="flex flex-col items-start"><span>`), _tmpl$3 = /* @__PURE__ */ template(`<span>`);
 function CheckMultiple(p) {
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(OptionList, {
-      get valueSignal() {
-        return p.valueSignal;
-      },
-      get getOptions() {
-        return p.getOptions;
-      },
-      get valueText() {
-        return p.valueText;
-      },
-      get variant() {
-        return p.variant;
-      },
-      get optionClass() {
-        return p.optionClass;
-      },
-      get innerClass() {
-        return p.innerClass;
-      }
-    }));
-    effect((_p$) => {
-      var _v$ = p.id, _v$2 = classArr(
-        "group border border-input",
-        "px-2 py-2",
-        "ring-offset-background",
-        "rounded-md",
-        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-        "flex flex-col justify-center gap-1",
-        // layout
-        p.class
-      );
-      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
+	const [local, others] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(OptionList, mergeProps$1(others, {
+			get valueSignal() {
+				return p.valueSignal;
+			},
+			get getOptions() {
+				return p.getOptions;
+			},
+			get valueText() {
+				return p.valueText;
+			},
+			get valueTextClass() {
+				return p.valueTextClass;
+			},
+			get valueTextSubtitle() {
+				return p.valueTextSubtitle;
+			},
+			get valueTextSubtitleClass() {
+				return p.valueTextSubtitleClass;
+			},
+			get variant() {
+				return p.variant;
+			},
+			get optionClass() {
+				return p.optionClass;
+			},
+			get innerClass() {
+				return p.innerClass;
+			}
+		})));
+		effect((_p$) => {
+			var _v$ = p.id, _v$2 = classArr("group border border-input", "px-2 py-2", "ring-offset-background", "rounded-md", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", "flex flex-col justify-center gap-1", local.class);
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
 }
 function OptionList(p) {
-  return (() => {
-    var _el$2 = _tmpl$();
-    insert(_el$2, createComponent(For, {
-      get each() {
-        return p.getOptions();
-      },
-      children: (option) => createComponent(CheckOption, {
-        option,
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get valueText() {
-          return p.valueText;
-        },
-        get optionClass() {
-          return p.optionClass;
-        },
-        get variant() {
-          return p.variant;
-        },
-        get disabled() {
-          return p.disabled;
-        }
-      })
-    }));
-    effect(() => className(_el$2, innerClass(p.getOptions().length, p.innerClass)));
-    return _el$2;
-  })();
+	return (() => {
+		var _el$2 = _tmpl$();
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return p.getOptions();
+			},
+			children: (option) => createComponent(CheckOption, {
+				option,
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get valueText() {
+					return p.valueText;
+				},
+				get valueTextClass() {
+					return p.valueTextClass;
+				},
+				get valueTextSubtitle() {
+					return p.valueTextSubtitle;
+				},
+				get valueTextSubtitleClass() {
+					return p.valueTextSubtitleClass;
+				},
+				get optionClass() {
+					return p.optionClass;
+				},
+				get variant() {
+					return p.variant;
+				},
+				get disabled() {
+					return p.disabled;
+				}
+			})
+		}));
+		effect(() => className(_el$2, innerClass(p.getOptions().length, p.innerClass)));
+		return _el$2;
+	})();
 }
 function CheckOption(p) {
-  const label = () => p.valueText ? p.valueText(p.option) : p.option;
-  const isSelected = () => p.valueSignal.get().includes(p.option);
-  return createComponent(ButtonIcon, {
-    role: "option",
-    get ["aria-selected"]() {
-      return isSelected();
-    },
-    get icon() {
-      return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
-    },
-    onClick: () => toggleOption(p),
-    get variant() {
-      return p.variant ?? buttonVariant.filled;
-    },
-    get ["class"]() {
-      return classMerge("justify-start text-left", p.optionClass);
-    },
-    get disabled() {
-      return p.disabled;
-    },
-    get children() {
-      return label();
-    }
-  });
+	const label = () => p.valueText ? p.valueText(p.option) : p.option;
+	const subtitle = () => p.valueTextSubtitle ? p.valueTextSubtitle(p.option) : void 0;
+	const isSelected = () => p.valueSignal.get().includes(p.option);
+	return createComponent(ButtonIcon, {
+		role: "option",
+		get ["aria-selected"]() {
+			return isSelected();
+		},
+		get icon() {
+			return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
+		},
+		onClick: () => toggleOption(p),
+		get variant() {
+			return p.variant ?? buttonVariant.filled;
+		},
+		get ["class"]() {
+			return classMerge("justify-start text-left", p.optionClass);
+		},
+		get disabled() {
+			return p.disabled;
+		},
+		get children() {
+			var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+			insert(_el$4, label);
+			insert(_el$3, createComponent(Show, {
+				get when() {
+					return subtitle();
+				},
+				children: (subtitle) => (() => {
+					var _el$5 = _tmpl$3();
+					insert(_el$5, subtitle);
+					effect(() => className(_el$5, classMerge(classesTextMuted, p.valueTextSubtitleClass)));
+					return _el$5;
+				})()
+			}), null);
+			effect(() => className(_el$4, p.valueTextClass));
+			return _el$3;
+		}
+	});
 }
-function innerClass(optionAmount, innerClass2) {
-  if (innerClass2) return innerClass2;
-  if (optionAmount <= 0) return "";
-  const base = "gap-x-2 gap-y-1";
-  if (optionAmount <= 5) return classArr("grid grid-cols-1", base);
-  if (optionAmount <= 9) return classArr("grid grid-cols-2", base);
-  return classArr(classesGridCols3xl, base);
+function innerClass(optionAmount, innerClass) {
+	if (innerClass) return innerClass;
+	if (optionAmount <= 0) return "";
+	const base = "gap-x-2 gap-y-1";
+	if (optionAmount <= 5) return classArr("grid grid-cols-1", base);
+	if (optionAmount <= 9) return classArr("grid grid-cols-2", base);
+	return classArr(classesGridCols3xl, base);
 }
 function toggleOption(p) {
-  const hasOption = p.valueSignal.get().includes(p.option);
-  if (hasOption) {
-    optionRemove(p);
-  } else {
-    optionAdd(p);
-  }
+	if (p.valueSignal.get().includes(p.option)) optionRemove(p);
+	else optionAdd(p);
 }
 function optionRemove(p) {
-  const newValues = p.valueSignal.get().filter((v) => v !== p.option);
-  p.valueSignal.set(newValues);
+	const newValues = p.valueSignal.get().filter((v) => v !== p.option);
+	p.valueSignal.set(newValues);
 }
 function optionAdd(p) {
-  const newValues = [...p.valueSignal.get(), p.option];
-  newValues.sort((a, b) => a.localeCompare(b));
-  p.valueSignal.set(newValues);
+	const newValues = [...p.valueSignal.get(), p.option];
+	newValues.sort((a, b) => a.localeCompare(b));
+	p.valueSignal.set(newValues);
 }
-export {
-  CheckMultiple
-};
-//# sourceMappingURL=CheckMultiple.js.map
+//#endregion
+export { CheckMultiple };
+
+//# sourceMappingURL=CheckMultiple.js.map

package/dist/input/check/CheckMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckMultiple.js","sources":["../../../lib/input/check/CheckMultiple.tsx"],"sourcesContent":["import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { For } from \"solid-js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { classesGridCols3xl } from \"~ui/static/container/classesGridCols\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveButtonVariant } from \"~ui/utils/MayHaveButtonVariant\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CheckMultipleProps<T extends string>\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  // state\n  valueSignal: SignalObject<T[]>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  // styling\n  optionClass?: string\n}\n\nexport function CheckMultiple<T extends string = string>(p: CheckMultipleProps<T>) {\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <OptionList\n        valueSignal={p.valueSignal}\n        getOptions={p.getOptions}\n        valueText={p.valueText}\n        variant={p.variant}\n        optionClass={p.optionClass}\n        innerClass={p.innerClass}\n      />\n    </div>\n  )\n}\n\ninterface OptionListProps<T extends string> extends MayHaveButtonVariant, MayHaveDisabled, MayHaveInnerClass {\n  valueSignal: SignalObject<T[]>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  optionClass?: string\n}\n\nfunction OptionList<T extends string>(p: OptionListProps<T>) {\n  return (\n    <div class={innerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()}>\n        {(option) => (\n          <CheckOption\n            option={option}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            optionClass={p.optionClass}\n            variant={p.variant}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\ninterface CheckOptionProps<T extends string> extends MayHaveButtonVariant, MayHaveDisabled {\n  option: T\n  valueSignal: SignalObject<T[]>\n  valueText?: (value: T) => string\n  optionClass?: string\n}\n\nfunction CheckOption<T extends string>(p: CheckOptionProps<T>) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  const isSelected = () => p.valueSignal.get().includes(p.option)\n\n  return (\n    <ButtonIcon\n      role=\"option\"\n      aria-selected={isSelected()}\n      icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      // iconRight={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      onClick={() => toggleOption(p)}\n      variant={p.variant ?? buttonVariant.filled}\n      class={classMerge(\"justify-start text-left\", p.optionClass)}\n      disabled={p.disabled}\n    >\n      {label()}\n    </ButtonIcon>\n  )\n}\n\nfunction innerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \"gap-x-2 gap-y-1\"\n  if (optionAmount <= 5) return classArr(\"grid grid-cols-1\", base)\n  if (optionAmount <= 9) return classArr(\"grid grid-cols-2\", base)\n  return classArr(classesGridCols3xl, base)\n}\n\nfunction toggleOption<T extends string>(p: CheckOptionProps<T>) {\n  const hasOption = p.valueSignal.get().includes(p.option)\n  if (hasOption) {\n    optionRemove(p)\n  } else {\n    optionAdd(p)\n  }\n}\n\nfunction optionRemove<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n"],"names":["CheckMultiple","p","_el$","_tmpl$","_$insert","_$createComponent","OptionList","valueSignal","getOptions","valueText","variant","optionClass","innerClass","_$effect","_p$","_v$","id","_v$2","classArr","class","e","_$setAttribute","t","_$className","undefined","_el$2","For","each","children","option","CheckOption","disabled","length","label","isSelected","get","includes","ButtonIcon","role","icon","mdiCheckboxMarkedCircle","mdiCheckboxBlankCircleOutline","onClick","toggleOption","buttonVariant","filled","classMerge","optionAmount","base","classesGridCols3xl","hasOption","optionRemove","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare"],"mappings":"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"}
+{"version":3,"file":"CheckMultiple.js","names":["classesTextMuted","buttonVariant","ButtonIcon","classesGridCols3xl","classArr","classMerge","SignalObject","MayHaveButtonVariant","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheckboxBlankCircleOutline","mdiCheckboxMarkedCircle","For","Show","splitProps","CheckMultipleProps","valueSignal","T","getOptions","valueText","value","valueTextClass","valueTextSubtitle","valueTextSubtitleClass","optionClass","CheckMultiple","p","local","others","_el$","_tmpl$","_$insert","_$createComponent","OptionList","_$mergeProps","variant","innerClass","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined","_el$2","each","children","option","CheckOption","disabled","length","CheckOptionProps","label","subtitle","isSelected","get","includes","role","aria-selected","icon","onClick","toggleOption","filled","_el$3","_tmpl$2","_el$4","firstChild","when","_el$5","_tmpl$3","optionAmount","base","hasOption","optionRemove","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare"],"sources":["../../../ui/input/check/CheckMultiple.tsx"],"sourcesContent":["import { classesTextMuted } from \"#ui/classes/classesTextMuted.js\"\nimport { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { classesGridCols3xl } from \"#ui/static/grid/classesGridCols.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { For, Show, splitProps } from \"solid-js\"\n\nexport interface CheckMultipleProps<T extends string>\n  extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {\n  // state\n  valueSignal: SignalObject<T[]>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  // styling\n  optionClass?: string\n}\n\nexport function CheckMultiple<T extends string = string>(p: CheckMultipleProps<T>) {\n  const [local, others] = splitProps(p, [\"class\"])\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        local.class,\n      )}\n    >\n      <OptionList\n        {...others}\n        valueSignal={p.valueSignal}\n        getOptions={p.getOptions}\n        valueText={p.valueText}\n        valueTextClass={p.valueTextClass}\n        valueTextSubtitle={p.valueTextSubtitle}\n        valueTextSubtitleClass={p.valueTextSubtitleClass}\n        variant={p.variant}\n        optionClass={p.optionClass}\n        innerClass={p.innerClass}\n      />\n    </div>\n  )\n}\n\nfunction OptionList<T extends string = string>(p: CheckMultipleProps<T>) {\n  return (\n    <div class={innerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()}>\n        {(option) => (\n          <CheckOption\n            option={option}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            valueTextClass={p.valueTextClass}\n            valueTextSubtitle={p.valueTextSubtitle}\n            valueTextSubtitleClass={p.valueTextSubtitleClass}\n            optionClass={p.optionClass}\n            variant={p.variant}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\ninterface CheckOptionProps<T extends string>\n  extends MayHaveButtonVariant,\n    MayHaveDisabled,\n    MayHaveInnerClass {\n  option: T\n  valueSignal: SignalObject<T[]>\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  optionClass?: string\n}\n\nfunction CheckOption<T extends string>(p: CheckOptionProps<T>) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  const subtitle = () => (p.valueTextSubtitle ? p.valueTextSubtitle(p.option) : undefined)\n  const isSelected = () => p.valueSignal.get().includes(p.option)\n\n  return (\n    <ButtonIcon\n      role=\"option\"\n      aria-selected={isSelected()}\n      icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      // iconRight={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      onClick={() => toggleOption(p)}\n      variant={p.variant ?? buttonVariant.filled}\n      class={classMerge(\"justify-start text-left\", p.optionClass)}\n      disabled={p.disabled}\n    >\n      <span class=\"flex flex-col items-start\">\n        <span class={p.valueTextClass}>{label()}</span>\n        <Show when={subtitle()}>{(subtitle) => <span class={classMerge(classesTextMuted,p.valueTextSubtitleClass)}>{subtitle()}</span>}</Show>\n      </span>\n    </ButtonIcon>\n  )\n}\n\nfunction innerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \"gap-x-2 gap-y-1\"\n  if (optionAmount <= 5) return classArr(\"grid grid-cols-1\", base)\n  if (optionAmount <= 9) return classArr(\"grid grid-cols-2\", base)\n  return classArr(classesGridCols3xl, base)\n}\n\nfunction toggleOption<T extends string>(p: CheckOptionProps<T>) {\n  const hasOption = p.valueSignal.get().includes(p.option)\n  if (hasOption) {\n    optionRemove(p)\n  } else {\n    optionAdd(p)\n  }\n}\n\nfunction optionRemove<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n"],"mappings":"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"}

package/dist/input/check/CheckSingle.d.ts

@@ -1,13 +1,16 @@
-import { SignalObject } from '../../utils/createSignalObject';
-import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
-import { MayHaveId } from '../../utils/MayHaveId';
-import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
+import { MayHaveButtonVariant } from '#ui/utils/MayHaveButtonVariant.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
+import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
 export interface CheckSingleProps<T extends string> extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
     valueSignal: SignalObject<T>;
     getOptions: () => T[];
     valueText?: (value: T) => string;
+    valueTextClass?: string;
+    valueTextSubtitle?: (value: T) => string | undefined;
+    valueTextSubtitleClass?: string;
     disallowDeselection?: boolean;
     optionClass?: string;
 }

package/dist/input/check/CheckSingle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckSingle.d.ts","sourceRoot":"","sources":["../../../lib/input/check/CheckSingle.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAChD,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IAEjB,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAC,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAEhC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,kCAyB5E"}
+{"version":3,"file":"CheckSingle.d.ts","sourceRoot":"","sources":["../../../ui/input/check/CheckSingle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAChD,SAAQ,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe;IAEzF,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAC,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAE/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,kCA8B5E"}