@adaptive-ds/solid-ui 0.13.1 → 0.14.0

package/dist/input/select/SelectSingleNative.js

@@ -1,88 +1,74 @@
-import { insert, createComponent, effect, setAttribute, className, template } from "solid-js/web";
-import { Key } from "@solid-primitives/keyed";
-import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
-import { selectSingleNativeTextDefault } from "./SelectSingleNativeTexts.js";
 import { classArr } from "../../utils/classArr.js";
+import "../../classes/classesDisabledDirectly.js";
+import { selectSingleNativeTextDefault } from "./SelectSingleNativeTexts.js";
+import { className, createComponent, effect, insert, setAttribute, template } from "solid-js/web";
+import { Key } from "@solid-primitives/keyed";
+//#region ui/input/select/SelectSingleNative.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<select>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<option>`);
 function SelectSingleNative(p) {
-  const texts = p.texts ?? selectSingleNativeTextDefault;
-  return (() => {
-    var _el$ = _tmpl$();
-    _el$.addEventListener("change", (e) => onChange(e, p));
-    insert(_el$, createComponent(Key, {
-      get each() {
-        return p.getOptions();
-      },
-      by: (item) => item,
-      get fallback() {
-        return createComponent(NoItems, {
-          texts
-        });
-      },
-      children: (getItem) => createComponent(SelectItem, {
-        get itemValue() {
-          return getItem();
-        },
-        get valueText() {
-          return p.valueText;
-        }
-      })
-    }));
-    effect((_p$) => {
-      var _v$ = p.id, _v$2 = classArr(
-        "block w-full p-2.5",
-        "text-gray-900 dark:text-white",
-        // text
-        "placeholder:text-muted-foreground",
-        // text placeholder
-        "bg-gray-50 dark:bg-gray-700",
-        // bg
-        "rounded-lg border border-gray-300 dark:border-gray-500",
-        // border
-        "focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 dark:focus:ring-blue-500",
-        p.disabled && classesDisabledDirectly,
-        p.class
-      ), _v$3 = p.disabled;
-      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-      _v$3 !== _p$.a && (_el$.disabled = _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    effect(() => _el$.value = p.valueSignal.get());
-    return _el$;
-  })();
+	const texts = p.texts ?? selectSingleNativeTextDefault;
+	return (() => {
+		var _el$ = _tmpl$();
+		_el$.addEventListener("change", (e) => onChange(e, p));
+		insert(_el$, createComponent(Key, {
+			get each() {
+				return p.getOptions();
+			},
+			by: (item) => item,
+			get fallback() {
+				return createComponent(NoItems, { texts });
+			},
+			children: (getItem) => createComponent(SelectItem, {
+				get itemValue() {
+					return getItem();
+				},
+				get valueText() {
+					return p.valueText;
+				}
+			})
+		}));
+		effect((_p$) => {
+			var _v$ = p.id, _v$2 = classArr("block w-full p-2.5", "text-gray-900 dark:text-white", "placeholder:text-muted-foreground", "bg-gray-50 dark:bg-gray-700", "rounded-lg border border-gray-300 dark:border-gray-500", "focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 dark:focus:ring-blue-500", p.disabled && "cursor-not-allowed opacity-70", p.class), _v$3 = p.disabled;
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+			_v$3 !== _p$.a && (_el$.disabled = _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		effect(() => _el$.value = p.valueSignal.get());
+		return _el$;
+	})();
 }
 function onChange(e, p) {
-  p.valueSignal.set(e.currentTarget.value);
+	p.valueSignal.set(e.currentTarget.value);
 }
 function NoItems(p) {
-  return (() => {
-    var _el$2 = _tmpl$2();
-    insert(_el$2, () => p.texts.noEntries);
-    effect(() => className(_el$2, p.class));
-    return _el$2;
-  })();
+	return (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, () => p.texts.noEntries);
+		effect(() => className(_el$2, p.class));
+		return _el$2;
+	})();
 }
 function SelectItem(p) {
-  return (() => {
-    var _el$3 = _tmpl$3();
-    insert(_el$3, () => getDisplayValue(p.itemValue, p.valueText));
-    effect(() => className(_el$3, p.class));
-    effect(() => _el$3.value = p.itemValue);
-    return _el$3;
-  })();
+	return (() => {
+		var _el$3 = _tmpl$3();
+		insert(_el$3, () => getDisplayValue(p.itemValue, p.valueText));
+		effect(() => className(_el$3, p.class));
+		effect(() => _el$3.value = p.itemValue);
+		return _el$3;
+	})();
 }
 function getDisplayValue(itemValue, valueText) {
-  if (!valueText) return itemValue;
-  const hasValue = valueText(itemValue);
-  if (!hasValue) return itemValue;
-  return hasValue;
+	if (!valueText) return itemValue;
+	const hasValue = valueText(itemValue);
+	if (!hasValue) return itemValue;
+	return hasValue;
 }
-export {
-  SelectSingleNative
-};
-//# sourceMappingURL=SelectSingleNative.js.map
+//#endregion
+export { SelectSingleNative };
+
+//# sourceMappingURL=SelectSingleNative.js.map

package/dist/input/select/SelectSingleNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSingleNative.js","sources":["../../../lib/input/select/SelectSingleNative.tsx"],"sourcesContent":["import { Key } from \"@solid-primitives/keyed\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport type { SelectSingleNativeTexts } from \"~ui/input/select/SelectSingleNativeTexts\"\nimport { selectSingleNativeTextDefault } from \"~ui/input/select/SelectSingleNativeTexts\"\nimport { classArr } from \"~ui/utils/classArr\"\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 { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\n\nexport type StringStringFn = (value: string) => string\n\nexport interface SelectSingleNativeProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveClass,\n    MayHaveId,\n    MayHaveChildren,\n    MayHaveDisabled {\n  texts?: SelectSingleNativeTexts\n}\n\nexport function SelectSingleNative(p: SelectSingleNativeProps) {\n  const texts = p.texts ?? selectSingleNativeTextDefault\n\n  return (\n    <select\n      id={p.id}\n      class={classArr(\n        \"block w-full p-2.5\",\n        \"text-gray-900 dark:text-white\", // text\n        \"placeholder:text-muted-foreground\", // text placeholder\n        \"bg-gray-50 dark:bg-gray-700\", // bg\n        \"rounded-lg border border-gray-300 dark:border-gray-500\", // border\n        \"focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 dark:focus:ring-blue-500\",\n        p.disabled && classesDisabledDirectly,\n        p.class,\n      )}\n      value={p.valueSignal.get()}\n      onChange={(e) => onChange(e, p)}\n      disabled={p.disabled}\n    >\n      <Key each={p.getOptions()} by={(item) => item} fallback={<NoItems texts={texts} />}>\n        {(getItem) => <SelectItem itemValue={getItem()} valueText={p.valueText} />}\n      </Key>\n    </select>\n  )\n}\n\nfunction onChange(\n  e: Event & {\n    currentTarget: HTMLSelectElement\n    target: HTMLSelectElement\n  },\n  p: SelectSingleNativeProps,\n): void {\n  p.valueSignal.set(e.currentTarget.value)\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts: SelectSingleNativeTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return <div class={p.class}>{p.texts.noEntries}</div>\n}\n\ninterface SelectItemProps extends MayHaveClass {\n  itemValue: string\n  valueText?: StringStringFn\n}\n\nfunction SelectItem(p: SelectItemProps) {\n  return (\n    <option value={p.itemValue} class={p.class}>\n      {getDisplayValue(p.itemValue, p.valueText)}\n    </option>\n  )\n}\n\nfunction getDisplayValue(itemValue: string, valueText?: StringStringFn) {\n  if (!valueText) return itemValue\n  const hasValue = valueText(itemValue)\n  if (!hasValue) return itemValue\n  return hasValue\n}\n"],"names":["SelectSingleNative","p","texts","selectSingleNativeTextDefault","_el$","_tmpl$","addEventListener","e","onChange","_$insert","_$createComponent","Key","each","getOptions","by","item","fallback","NoItems","children","getItem","SelectItem","itemValue","valueText","_$effect","_p$","_v$","id","_v$2","classArr","disabled","classesDisabledDirectly","class","_v$3","_$setAttribute","t","_$className","a","undefined","value","valueSignal","get","set","currentTarget","_el$2","_tmpl$2","noEntries","_el$3","_tmpl$3","getDisplayValue","hasValue"],"mappings":";;;;;;AA0BO,SAASA,mBAAmBC,GAA4B;AAC7D,QAAMC,QAAQD,EAAEC,SAASC;AAEzB,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAD,SAAAE,iBAAA,UAceC,CAAAA,MAAMC,SAASD,GAAGN,CAAC,CAAC;AAAAQ,WAAAL,MAAAM,gBAG9BC,KAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEX,EAAEY,WAAAA;AAAAA,MAAY;AAAA,MAAEC,IAAKC,CAAAA,SAASA;AAAAA,MAAI,IAAEC,WAAQ;AAAA,eAAAN,gBAAGO,SAAO;AAAA,UAACf;AAAAA,QAAAA,CAAY;AAAA,MAAA;AAAA,MAAAgB,UAC1EC,CAAAA,YAAOT,gBAAMU,YAAU;AAAA,QAAA,IAACC,YAAS;AAAA,iBAAEF,QAAAA;AAAAA,QAAS;AAAA,QAAA,IAAEG,YAAS;AAAA,iBAAErB,EAAEqB;AAAAA,QAAS;AAAA,MAAA,CAAA;AAAA,IAAA,CAAI,CAAA;AAAAC,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MAhBxExB,EAAEyB,IAAEC,OACDC;AAAAA,QACL;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA,QACA3B,EAAE4B,YAAYC;AAAAA,QACd7B,EAAE8B;AAAAA,MAAAA,GACHC,OAGS/B,EAAE4B;AAAQJ,cAAAD,IAAAjB,KAAA0B,aAAA7B,MAAA,MAAAoB,IAAAjB,IAAAkB,GAAA;AAAAE,eAAAH,IAAAU,KAAAC,UAAA/B,MAAAoB,IAAAU,IAAAP,IAAA;AAAAK,eAAAR,IAAAY,MAAAhC,KAAAyB,WAAAL,IAAAY,IAAAJ;AAAA,aAAAR;AAAAA,IAAA,GAAA;AAAA,MAAAjB,GAAA8B;AAAAA,MAAAH,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAAd,WAAA,MAAAnB,KAAAkC,QAFbrC,EAAEsC,YAAYC,KAAK;AAAA,WAAApC;AAAAA,EAAA,GAAA;AAShC;AAEA,SAASI,SACPD,GAIAN,GACM;AACNA,IAAEsC,YAAYE,IAAIlC,EAAEmC,cAAcJ,KAAK;AACzC;AAMA,SAASrB,QAAQhB,GAAiB;AAChC,UAAA,MAAA;AAAA,QAAA0C,QAAAC,QAAAA;AAAAnC,WAAAkC,OAAA,MAA6B1C,EAAEC,MAAM2C,SAAS;AAAAtB,iBAAAY,UAAAQ,OAA3B1C,EAAE8B,KAAK,CAAA;AAAA,WAAAY;AAAAA,EAAA,GAAA;AAC5B;AAOA,SAASvB,WAAWnB,GAAoB;AACtC,UAAA,MAAA;AAAA,QAAA6C,QAAAC,QAAAA;AAAAtC,WAAAqC,OAAA,MAEKE,gBAAgB/C,EAAEoB,WAAWpB,EAAEqB,SAAS,CAAC;AAAAC,iBAAAY,UAAAW,OADT7C,EAAE8B,KAAK,CAAA;AAAAR,iBAAAuB,MAAAR,QAA3BrC,EAAEoB,SAAS;AAAA,WAAAyB;AAAAA,EAAA,GAAA;AAI9B;AAEA,SAASE,gBAAgB3B,WAAmBC,WAA4B;AACtE,MAAI,CAACA,UAAW,QAAOD;AACvB,QAAM4B,WAAW3B,UAAUD,SAAS;AACpC,MAAI,CAAC4B,SAAU,QAAO5B;AACtB,SAAO4B;AACT;"}
+{"version":3,"file":"SelectSingleNative.js","names":["classesDisabledDirectly","SelectSingleNativeTexts","selectSingleNativeTextDefault","classArr","HasGetOptions","HasValueSignalString","MayHaveValueText","MayHaveChildren","MayHaveClass","MayHaveDisabled","MayHaveId","Key","StringStringFn","value","SelectSingleNativeProps","texts","SelectSingleNative","p","_el$","_tmpl$","addEventListener","e","onChange","_$insert","_$createComponent","each","getOptions","by","item","fallback","NoItems","children","getItem","SelectItem","itemValue","valueText","_$effect","_p$","_v$","id","_v$2","disabled","class","_v$3","_$setAttribute","t","_$className","a","undefined","valueSignal","get","Event","currentTarget","HTMLSelectElement","target","set","NoItemsProps","_el$2","_tmpl$2","noEntries","SelectItemProps","_el$3","_tmpl$3","getDisplayValue","hasValue"],"sources":["../../../ui/input/select/SelectSingleNative.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport type { SelectSingleNativeTexts } from \"#ui/input/select/SelectSingleNativeTexts.js\"\nimport { selectSingleNativeTextDefault } from \"#ui/input/select/SelectSingleNativeTexts.js\"\nimport { classArr } from \"#ui/utils/classArr.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 type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport { Key } from \"@solid-primitives/keyed\"\n\nexport type StringStringFn = (value: string) => string\n\nexport interface SelectSingleNativeProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveClass,\n    MayHaveId,\n    MayHaveChildren,\n    MayHaveDisabled {\n  texts?: SelectSingleNativeTexts\n}\n\nexport function SelectSingleNative(p: SelectSingleNativeProps) {\n  const texts = p.texts ?? selectSingleNativeTextDefault\n\n  return (\n    <select\n      id={p.id}\n      class={classArr(\n        \"block w-full p-2.5\",\n        \"text-gray-900 dark:text-white\", // text\n        \"placeholder:text-muted-foreground\", // text placeholder\n        \"bg-gray-50 dark:bg-gray-700\", // bg\n        \"rounded-lg border border-gray-300 dark:border-gray-500\", // border\n        \"focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 dark:focus:ring-blue-500\",\n        p.disabled && classesDisabledDirectly,\n        p.class,\n      )}\n      value={p.valueSignal.get()}\n      onChange={(e) => onChange(e, p)}\n      disabled={p.disabled}\n    >\n      <Key each={p.getOptions()} by={(item) => item} fallback={<NoItems texts={texts} />}>\n        {(getItem) => <SelectItem itemValue={getItem()} valueText={p.valueText} />}\n      </Key>\n    </select>\n  )\n}\n\nfunction onChange(\n  e: Event & {\n    currentTarget: HTMLSelectElement\n    target: HTMLSelectElement\n  },\n  p: SelectSingleNativeProps,\n): void {\n  p.valueSignal.set(e.currentTarget.value)\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts: SelectSingleNativeTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return <div class={p.class}>{p.texts.noEntries}</div>\n}\n\ninterface SelectItemProps extends MayHaveClass {\n  itemValue: string\n  valueText?: StringStringFn\n}\n\nfunction SelectItem(p: SelectItemProps) {\n  return (\n    <option value={p.itemValue} class={p.class}>\n      {getDisplayValue(p.itemValue, p.valueText)}\n    </option>\n  )\n}\n\nfunction getDisplayValue(itemValue: string, valueText?: StringStringFn) {\n  if (!valueText) return itemValue\n  const hasValue = valueText(itemValue)\n  if (!hasValue) return itemValue\n  return hasValue\n}\n"],"mappings":";;;;;;;AA0BA,SAAgBgB,mBAAmBC,GAA4B;CAC7D,MAAMF,QAAQE,EAAEF,SAASb;AAEzB,eAAA;EAAA,IAAAgB,OAAAC,QAAA;AAAAD,OAAAE,iBAAA,WAceC,MAAMC,SAASD,GAAGJ,EAAE,CAAA;AAAAM,SAAAL,MAAAM,gBAG9Bb,KAAG;GAAA,IAACc,OAAI;AAAA,WAAER,EAAES,YAAY;;GAAEC,KAAKC,SAASA;GAAI,IAAEC,WAAQ;AAAA,WAAAL,gBAAGM,SAAO,EAAQf,OAAK,CAAA;;GAAAgB,WAC1EC,YAAOR,gBAAMS,YAAU;IAAA,IAACC,YAAS;AAAA,YAAEF,SAAS;;IAAA,IAAEG,YAAS;AAAA,YAAElB,EAAEkB;;IAAS,CAAA;GAAI,CAAA,CAAA;AAAAC,UAAAC,QAAA;GAAA,IAAAC,MAhBxErB,EAAEsB,IAAEC,OACDrC,SACL,sBACA,iCACA,qCACA,+BACA,0DACA,iGACAc,EAAEwB,YAAAA,iCACFxB,EAAEyB,MACH,EAAAC,OAGS1B,EAAEwB;AAAQH,WAAAD,IAAAhB,KAAAuB,aAAA1B,MAAA,MAAAmB,IAAAhB,IAAAiB,IAAA;AAAAE,YAAAH,IAAAQ,KAAAC,UAAA5B,MAAAmB,IAAAQ,IAAAL,KAAA;AAAAG,YAAAN,IAAAU,MAAA7B,KAAAuB,WAAAJ,IAAAU,IAAAJ;AAAA,UAAAN;KAAA;GAAAhB,GAAA2B,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAAZ,eAAAlB,KAAAL,QAFbI,EAAEgC,YAAYC,KAAK,CAAA;AAAA,SAAAhC;KAAA;;AAWhC,SAASI,SACPD,GAIAJ,GACM;AACNA,GAAEgC,YAAYM,IAAIlC,EAAE+B,cAAcvC,MAAM;;AAO1C,SAASiB,QAAQb,GAAiB;AAChC,eAAA;EAAA,IAAAwC,QAAAC,SAAA;AAAAnC,SAAAkC,aAA6BxC,EAAEF,MAAM4C,UAAS;AAAAvB,eAAAU,UAAAW,OAA3BxC,EAAEyB,MAAK,CAAA;AAAA,SAAAe;KAAA;;AAQ5B,SAASxB,WAAWhB,GAAoB;AACtC,eAAA;EAAA,IAAA4C,QAAAC,SAAA;AAAAvC,SAAAsC,aAEKE,gBAAgB9C,EAAEiB,WAAWjB,EAAEkB,UAAU,CAAA;AAAAC,eAAAU,UAAAe,OADT5C,EAAEyB,MAAK,CAAA;AAAAN,eAAAyB,MAAAhD,QAA3BI,EAAEiB,UAAS;AAAA,SAAA2B;KAAA;;AAM9B,SAASE,gBAAgB7B,WAAmBC,WAA4B;AACtE,KAAI,CAACA,UAAW,QAAOD;CACvB,MAAM8B,WAAW7B,UAAUD,UAAU;AACrC,KAAI,CAAC8B,SAAU,QAAO9B;AACtB,QAAO8B"}

package/dist/input/select/SelectSingleNativeTexts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSingleNativeTexts.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectSingleNativeTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,6BAA6B;;CAEE,CAAA"}
+{"version":3,"file":"SelectSingleNativeTexts.d.ts","sourceRoot":"","sources":["../../../ui/input/select/SelectSingleNativeTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,6BAA6B;;CAEE,CAAA"}

package/dist/input/select/SelectSingleNativeTexts.js

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

package/dist/input/select/SelectSingleNativeTexts.js.map

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

package/dist/input/switch/SwitchSingle.d.ts

@@ -1,9 +1,9 @@
-import { HasGetOptions } from '../../utils/HasGetOptions';
-import { HasValueSignalString } from '../../utils/HasValueSignalString';
-import { MayHaveValueText } from '../../utils/HasValueText';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
-import { MayHaveId } from '../../utils/MayHaveId';
+import { HasGetOptions } from '#ui/utils/HasGetOptions.js';
+import { HasValueSignalString } from '#ui/utils/HasValueSignalString.js';
+import { MayHaveValueText } from '#ui/utils/HasValueText.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
 /**
  * https://github.com/radix-ui/primitives/blob/main/packages/react/radio-group/src/Radio.tsx
  */

package/dist/input/switch/SwitchSingle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchSingle.d.ts","sourceRoot":"","sources":["../../../lib/input/switch/SwitchSingle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,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;AAEpD;;GAEG;AACH,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,YAAY;IACd,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCAkChD"}
+{"version":3,"file":"SwitchSingle.d.ts","sourceRoot":"","sources":["../../../ui/input/switch/SwitchSingle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,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;AAGvD;;GAEG;AACH,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,YAAY;IACd,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCAkChD"}

package/dist/input/switch/SwitchSingle.js

@@ -1,117 +1,98 @@
-import { delegateEvents, insert, createComponent, effect, setAttribute, className, template } from "solid-js/web";
-import { Key } from "@solid-primitives/keyed";
-import { ttt } from "../../i18n/ttt.js";
 import { classArr } from "../../utils/classArr.js";
+import { ttt } from "../../i18n/ttt.js";
+import { className, createComponent, delegateEvents, effect, insert, setAttribute, template } from "solid-js/web";
+import { Key } from "@solid-primitives/keyed";
+//#region ui/input/switch/SwitchSingle.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div role=radiogroup>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button type=button role=radio>`);
 function SwitchSingle(p) {
-  const filled = true;
-  const texts = p.texts ?? {
-    noEntries: ttt("No entries")
-  };
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(Key, {
-      get each() {
-        return p.getOptions();
-      },
-      by: (item) => item,
-      get fallback() {
-        return createComponent(NoItems, {
-          texts
-        });
-      },
-      children: (item) => createComponent(Option, {
-        get item() {
-          return item();
-        },
-        get valueSignal() {
-          return p.valueSignal;
-        },
-        get disabled() {
-          return p.disabled;
-        },
-        filled,
-        get valueText() {
-          return p.valueText;
-        }
-      })
-    }));
-    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$;
-  })();
+	const filled = true;
+	const texts = p.texts ?? { noEntries: ttt("No entries") };
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(Key, {
+			get each() {
+				return p.getOptions();
+			},
+			by: (item) => item,
+			get fallback() {
+				return createComponent(NoItems, { texts });
+			},
+			children: (item) => createComponent(Option, {
+				get item() {
+					return item();
+				},
+				get valueSignal() {
+					return p.valueSignal;
+				},
+				get disabled() {
+					return p.disabled;
+				},
+				filled,
+				get valueText() {
+					return p.valueText;
+				}
+			})
+		}));
+		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$;
+	})();
 }
 function NoItems(p) {
-  return (() => {
-    var _el$2 = _tmpl$2();
-    insert(_el$2, () => p.texts.noEntries);
-    effect(() => className(_el$2, p.class));
-    return _el$2;
-  })();
+	return (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, () => p.texts.noEntries);
+		effect(() => className(_el$2, p.class));
+		return _el$2;
+	})();
 }
 function Option(p) {
-  return (() => {
-    var _el$3 = _tmpl$3();
-    _el$3.$$click = () => optionToggle(p);
-    insert(_el$3, () => getText(p));
-    effect((_p$) => {
-      var _v$4 = p.disabled, _v$5 = isChecked(p), _v$6 = isChecked(p), _v$7 = isChecked(p) ? "checked" : "unchecked", _v$8 = p.disabled, _v$9 = classArr(
-        "cursor-pointer select-none",
-        "rounded-sm",
-        "px-3 py-2 text-center",
-        isChecked(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 && (_el$3.disabled = _p$.e = _v$4);
-      _v$5 !== _p$.t && setAttribute(_el$3, "aria-checked", _p$.t = _v$5);
-      _v$6 !== _p$.a && setAttribute(_el$3, "data-checked", _p$.a = _v$6);
-      _v$7 !== _p$.o && setAttribute(_el$3, "data-state", _p$.o = _v$7);
-      _v$8 !== _p$.i && setAttribute(_el$3, "data-disabled", _p$.i = _v$8);
-      _v$9 !== _p$.n && className(_el$3, _p$.n = _v$9);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0
-    });
-    effect(() => _el$3.value = isChecked(p) ? "on" : "off");
-    return _el$3;
-  })();
+	return (() => {
+		var _el$3 = _tmpl$3();
+		_el$3.$$click = () => optionToggle(p);
+		insert(_el$3, () => getText(p));
+		effect((_p$) => {
+			var _v$4 = p.disabled, _v$5 = isChecked(p), _v$6 = isChecked(p), _v$7 = isChecked(p) ? "checked" : "unchecked", _v$8 = p.disabled, _v$9 = classArr("cursor-pointer select-none", "rounded-sm", "px-3 py-2 text-center", isChecked(p) ? "bg-blue-500 text-white" : "hover:bg-slate-50 dark:hover:bg-slate-900", "flex gap-2", p.class);
+			_v$4 !== _p$.e && (_el$3.disabled = _p$.e = _v$4);
+			_v$5 !== _p$.t && setAttribute(_el$3, "aria-checked", _p$.t = _v$5);
+			_v$6 !== _p$.a && setAttribute(_el$3, "data-checked", _p$.a = _v$6);
+			_v$7 !== _p$.o && setAttribute(_el$3, "data-state", _p$.o = _v$7);
+			_v$8 !== _p$.i && setAttribute(_el$3, "data-disabled", _p$.i = _v$8);
+			_v$9 !== _p$.n && className(_el$3, _p$.n = _v$9);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		effect(() => _el$3.value = isChecked(p) ? "on" : "off");
+		return _el$3;
+	})();
 }
 function optionToggle(p) {
-  if (p.valueSignal.get() === p.item) return;
-  p.valueSignal.set(p.item);
+	if (p.valueSignal.get() === p.item) return;
+	p.valueSignal.set(p.item);
 }
 function isChecked(p) {
-  return p.item === p.valueSignal.get();
+	return p.item === p.valueSignal.get();
 }
 function getText(p) {
-  return p.valueText ? p.valueText(p.item) : p.item;
+	return p.valueText ? p.valueText(p.item) : p.item;
 }
 delegateEvents(["click"]);
-export {
-  SwitchSingle
-};
-//# sourceMappingURL=SwitchSingle.js.map
+//#endregion
+export { SwitchSingle };
+
+//# sourceMappingURL=SwitchSingle.js.map

package/dist/input/switch/SwitchSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchSingle.js","sources":["../../../lib/input/switch/SwitchSingle.tsx"],"sourcesContent":["import { Key } from \"@solid-primitives/keyed\"\nimport { ttt } from \"~ui/i18n/ttt\"\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 { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/radio-group/src/Radio.tsx\n */\nexport interface SwitchSingleProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveDisabled,\n    MayHaveClass {\n  texts?: SwitchSingleTexts\n}\n\nexport type SwitchSingleTexts = {\n  noEntries: string\n}\n\nexport function SwitchSingle(p: SwitchSingleProps) {\n  const filled = true\n  const texts =\n    p.texts ??\n    ({\n      noEntries: ttt(\"No entries\"),\n    } as const satisfies SwitchSingleTexts)\n\n  return (\n    <div\n      id={p.id}\n      role=\"radiogroup\"\n      data-disabled={p.disabled}\n      class={classArr(\n        \"flex flex-wrap gap-2\",\n        // \"grid gap-2 rounded-md p-2\",\n        filled && \"bg-white dark:bg-black\", // bg\n        filled && \"border border-slate-200 dark:border-slate-700\", // border\n        p.class,\n      )}\n    >\n      <Key each={p.getOptions()} by={(item) => item} fallback={<NoItems texts={texts} />}>\n        {(item) => (\n          <Option\n            item={item()}\n            valueSignal={p.valueSignal}\n            disabled={p.disabled}\n            filled={filled}\n            valueText={p.valueText}\n          />\n        )}\n      </Key>\n    </div>\n  )\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts: SwitchSingleTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return <div class={p.class}>{p.texts.noEntries}</div>\n}\n\ninterface Option2Props extends MayHaveClass {\n  item: string\n  valueSignal: SignalObject<string>\n  filled: boolean\n  valueText?: (value: string) => string\n  disabled?: boolean\n}\n\nfunction Option(p: Option2Props) {\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      disabled={p.disabled}\n      aria-checked={isChecked(p)}\n      data-checked={isChecked(p)}\n      data-state={isChecked(p) ? \"checked\" : \"unchecked\"}\n      data-disabled={p.disabled}\n      value={isChecked(p) ? \"on\" : \"off\"}\n      class={classArr(\n        \"cursor-pointer select-none\",\n        \"rounded-sm\",\n        \"px-3 py-2 text-center\",\n        isChecked(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={() => optionToggle(p)}\n    >\n      {getText(p)}\n    </button>\n  )\n}\n\nfunction optionToggle(p: Option2Props) {\n  if (p.valueSignal.get() === p.item) return\n  p.valueSignal.set(p.item)\n}\n\nfunction isChecked(p: Option2Props) {\n  return p.item === p.valueSignal.get()\n}\n\nfunction getText(p: Option2Props): string {\n  return p.valueText ? p.valueText(p.item) : p.item\n}\n"],"names":["SwitchSingle","p","filled","texts","noEntries","ttt","_el$","_tmpl$","_$insert","_$createComponent","Key","each","getOptions","by","item","fallback","NoItems","children","Option","valueSignal","disabled","valueText","_$effect","_p$","_v$","id","_v$2","_v$3","classArr","class","e","_$setAttribute","t","a","_$className","undefined","_el$2","_tmpl$2","_el$3","_tmpl$3","$$click","optionToggle","getText","_v$4","_v$5","isChecked","_v$6","_v$7","_v$8","_v$9","o","i","n","value","get","set","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"SwitchSingle.js","names":["ttt","classArr","SignalObject","HasGetOptions","HasValueSignalString","MayHaveValueText","MayHaveClass","MayHaveDisabled","MayHaveId","Key","SwitchSingleProps","texts","SwitchSingleTexts","noEntries","SwitchSingle","p","filled","const","_el$","_tmpl$","_$insert","_$createComponent","each","getOptions","by","item","fallback","NoItems","children","Option","valueSignal","disabled","valueText","_$effect","_p$","_v$","id","_v$2","_v$3","class","e","_$setAttribute","t","a","_$className","undefined","NoItemsProps","_el$2","_tmpl$2","Option2Props","value","_el$3","_tmpl$3","$$click","optionToggle","getText","_v$4","_v$5","isChecked","_v$6","_v$7","_v$8","_v$9","o","i","n","get","set","_$delegateEvents"],"sources":["../../../ui/input/switch/SwitchSingle.tsx"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.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 { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport { Key } from \"@solid-primitives/keyed\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/radio-group/src/Radio.tsx\n */\nexport interface SwitchSingleProps\n  extends HasValueSignalString,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveDisabled,\n    MayHaveClass {\n  texts?: SwitchSingleTexts\n}\n\nexport type SwitchSingleTexts = {\n  noEntries: string\n}\n\nexport function SwitchSingle(p: SwitchSingleProps) {\n  const filled = true\n  const texts =\n    p.texts ??\n    ({\n      noEntries: ttt(\"No entries\"),\n    } as const satisfies SwitchSingleTexts)\n\n  return (\n    <div\n      id={p.id}\n      role=\"radiogroup\"\n      data-disabled={p.disabled}\n      class={classArr(\n        \"flex flex-wrap gap-2\",\n        // \"grid gap-2 rounded-md p-2\",\n        filled && \"bg-white dark:bg-black\", // bg\n        filled && \"border border-slate-200 dark:border-slate-700\", // border\n        p.class,\n      )}\n    >\n      <Key each={p.getOptions()} by={(item) => item} fallback={<NoItems texts={texts} />}>\n        {(item) => (\n          <Option\n            item={item()}\n            valueSignal={p.valueSignal}\n            disabled={p.disabled}\n            filled={filled}\n            valueText={p.valueText}\n          />\n        )}\n      </Key>\n    </div>\n  )\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts: SwitchSingleTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return <div class={p.class}>{p.texts.noEntries}</div>\n}\n\ninterface Option2Props extends MayHaveClass {\n  item: string\n  valueSignal: SignalObject<string>\n  filled: boolean\n  valueText?: (value: string) => string\n  disabled?: boolean\n}\n\nfunction Option(p: Option2Props) {\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      disabled={p.disabled}\n      aria-checked={isChecked(p)}\n      data-checked={isChecked(p)}\n      data-state={isChecked(p) ? \"checked\" : \"unchecked\"}\n      data-disabled={p.disabled}\n      value={isChecked(p) ? \"on\" : \"off\"}\n      class={classArr(\n        \"cursor-pointer select-none\",\n        \"rounded-sm\",\n        \"px-3 py-2 text-center\",\n        isChecked(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={() => optionToggle(p)}\n    >\n      {getText(p)}\n    </button>\n  )\n}\n\nfunction optionToggle(p: Option2Props) {\n  if (p.valueSignal.get() === p.item) return\n  p.valueSignal.set(p.item)\n}\n\nfunction isChecked(p: Option2Props) {\n  return p.item === p.valueSignal.get()\n}\n\nfunction getText(p: Option2Props): string {\n  return p.valueText ? p.valueText(p.item) : p.item\n}\n"],"mappings":"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"}

package/dist/input/textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../lib/input/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAKzD,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC,CAmB1D,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../ui/input/textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzD,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC,CAmB1D,CAAA"}

package/dist/input/textarea/Textarea.js

@@ -1,40 +1,20 @@
-import { spread, mergeProps, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { classesDisabledModifier } from "../../classes/classesDisabledModifier.js";
 import { classMerge } from "../../utils/classMerge.js";
+import { classesDisabledModifier } from "../../classes/classesDisabledModifier.js";
+import { splitProps } from "solid-js";
+import { mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+//#region ui/input/textarea/Textarea.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<textarea>`);
-const Textarea = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classMerge(
-          "flex",
-          // layout
-          "min-h-[80px] w-full",
-          // sizing
-          // "bg-transparent", // background
-          "bg-gray-50 dark:bg-gray-700",
-          // bg
-          "rounded-md border border-input",
-          // borders
-          "placeholder:text-muted-foreground",
-          // typography
-          "px-3 py-2",
-          // spacing
-          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background",
-          // focus states
-          classesDisabledModifier,
-          // disabled
-          s.class
-        );
-      }
-    }, rest), false, false);
-    return _el$;
-  })();
-};
-export {
-  Textarea
+var Textarea = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps$1({ get ["class"]() {
+			return classMerge("flex", "min-h-[80px] w-full", "bg-gray-50 dark:bg-gray-700", "rounded-md border border-input", "placeholder:text-muted-foreground", "px-3 py-2", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", classesDisabledModifier, s.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
 };
-//# sourceMappingURL=Textarea.js.map
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=Textarea.js.map

package/dist/input/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../lib/input/textarea/Textarea.tsx"],"sourcesContent":["import type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\nimport { classesDisabledModifier } from \"~ui/classes/classesDisabledModifier\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport const Textarea: Component<ComponentProps<\"textarea\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <textarea\n      class={classMerge(\n        \"flex\", // layout\n        \"min-h-[80px] w-full\", // sizing\n        // \"bg-transparent\", // background\n        \"bg-gray-50 dark:bg-gray-700\", // bg\n        \"rounded-md border border-input\", // borders\n        \"placeholder:text-muted-foreground\", // typography\n        \"px-3 py-2\", // spacing\n        \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background\", // focus states\n        classesDisabledModifier, // disabled\n        s.class,\n      )}\n      {...rest}\n    />\n  )\n}\n"],"names":["Textarea","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","classMerge","classesDisabledModifier","class"],"mappings":";;;;;AAKO,MAAMA,WAAmDC,CAAAA,MAAM;AACpE,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,OAAO,CAAC;AACzC,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAEWC;AAAAA,UACL;AAAA;AAAA,UACA;AAAA;AAAA;AAAA,UAEA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACAC;AAAAA;AAAAA,UACAR,EAAES;AAAAA,QAAAA;AAAAA,MACH;AAAA,IAAA,GACGR,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAE;AAAAA,EAAA,GAAA;AAGd;"}
+{"version":3,"file":"Textarea.js","names":["classesDisabledModifier","classMerge","Component","ComponentProps","splitProps","Textarea","p","s","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../ui/input/textarea/Textarea.tsx"],"sourcesContent":["import { classesDisabledModifier } from \"#ui/classes/classesDisabledModifier.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nexport const Textarea: Component<ComponentProps<\"textarea\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <textarea\n      class={classMerge(\n        \"flex\", // layout\n        \"min-h-[80px] w-full\", // sizing\n        // \"bg-transparent\", // background\n        \"bg-gray-50 dark:bg-gray-700\", // bg\n        \"rounded-md border border-input\", // borders\n        \"placeholder:text-muted-foreground\", // typography\n        \"px-3 py-2\", // spacing\n        \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background\", // focus states\n        classesDisabledModifier, // disabled\n        s.class,\n      )}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAKA,IAAaK,YAAmDC,MAAM;CACpE,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAG,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,aAAA,EAAA,KAAA,WAAA;AAAA,UAEWX,WACL,QACA,uBAEA,+BACA,kCACA,qCACA,aACA,8HACAD,yBACAO,EAAEM,MACH;KAAA,EACGL,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAC;KAAA"}

package/dist/input/textarea/TextareaS.d.ts

@@ -1,5 +1,5 @@
+import { SignalObject } from '#ui/utils/createSignalObject.js';
 import { ComponentProps, JSX } from 'solid-js';
-import { SignalObject } from '../../utils/createSignalObject';
 export interface TextAreaSProps extends ComponentProps<"textarea"> {
     valueSignal: SignalObject<string>;
 }

package/dist/input/textarea/TextareaS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaS.d.ts","sourceRoot":"","sources":["../../../lib/input/textarea/TextareaS.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAA;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,UAAU,CAAC;IAChE,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAClC;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,cAAc,eAU1C"}
+{"version":3,"file":"TextareaS.d.ts","sourceRoot":"","sources":["../../../ui/input/textarea/TextareaS.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAA;AAEpE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,UAAU,CAAC;IAChE,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAClC;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,cAAc,eAU1C"}