@adaptive-ds/solid-ui 0.11.0

package/dist/input/select/SelectSingleNative.js

@@ -0,0 +1,88 @@
+import { template, insert, createComponent, effect, setAttribute, className } 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";
+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$;
+  })();
+}
+function onChange(e, p) {
+  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;
+  })();
+}
+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;
+  })();
+}
+function getDisplayValue(itemValue, valueText) {
+  if (!valueText) return itemValue;
+  const hasValue = valueText(itemValue);
+  if (!hasValue) return itemValue;
+  return hasValue;
+}
+export {
+  SelectSingleNative
+};
+//# sourceMappingURL=SelectSingleNative.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+export type SelectSingleNativeTexts = {
+    noEntries: string;
+};
+export declare const selectSingleNativeTextDefault: {
+    readonly noEntries: string;
+};
+//# sourceMappingURL=SelectSingleNativeTexts.d.ts.map

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

@@ -0,0 +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"}

package/dist/input/select/SelectSingleNativeTexts.js

@@ -0,0 +1,8 @@
+import { ttt } from "../../i18n/ttt.js";
+const selectSingleNativeTextDefault = {
+  noEntries: ttt("No entries")
+};
+export {
+  selectSingleNativeTextDefault
+};
+//# sourceMappingURL=SelectSingleNativeTexts.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,17 @@
+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';
+/**
+ * https://github.com/radix-ui/primitives/blob/main/packages/react/radio-group/src/Radio.tsx
+ */
+export interface SwitchSingleProps extends HasValueSignalString, HasGetOptions, MayHaveValueText, MayHaveId, MayHaveDisabled, MayHaveClass {
+    texts?: SwitchSingleTexts;
+}
+export type SwitchSingleTexts = {
+    noEntries: string;
+};
+export declare function SwitchSingle(p: SwitchSingleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=SwitchSingle.d.ts.map

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

@@ -0,0 +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"}

package/dist/input/switch/SwitchSingle.js

@@ -0,0 +1,117 @@
+import { delegateEvents, template, insert, createComponent, effect, setAttribute, className } from "solid-js/web";
+import { Key } from "@solid-primitives/keyed";
+import { ttt } from "../../i18n/ttt.js";
+import { classArr } from "../../utils/classArr.js";
+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$;
+  })();
+}
+function NoItems(p) {
+  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;
+  })();
+}
+function optionToggle(p) {
+  if (p.valueSignal.get() === p.item) return;
+  p.valueSignal.set(p.item);
+}
+function isChecked(p) {
+  return p.item === p.valueSignal.get();
+}
+function getText(p) {
+  return p.valueText ? p.valueText(p.item) : p.item;
+}
+delegateEvents(["click"]);
+export {
+  SwitchSingle
+};
+//# sourceMappingURL=SwitchSingle.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,3 @@
+import { Component, ComponentProps } from 'solid-js';
+export declare const Textarea: Component<ComponentProps<"textarea">>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +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"}

package/dist/input/textarea/Textarea.js

@@ -0,0 +1,40 @@
+import { template, spread, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesDisabledModifier } from "../../classes/classesDisabledModifier.js";
+import { classMerge } from "../../utils/classMerge.js";
+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
+};
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+import { ComponentProps, JSX } from 'solid-js';
+import { SignalObject } from '../../utils/createSignalObject';
+export interface TextAreaSProps extends ComponentProps<"textarea"> {
+    valueSignal: SignalObject<string>;
+}
+export declare function TextareaS(p: TextAreaSProps): JSX.Element;
+//# sourceMappingURL=TextareaS.d.ts.map

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

@@ -0,0 +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"}

package/dist/input/textarea/TextareaS.js

@@ -0,0 +1,23 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Textarea } from "./Textarea.js";
+function TextareaS(p) {
+  const [s, rest] = splitProps(p, ["valueSignal", "value", "onInput"]);
+  const onInputLocal = (e) => {
+    const value = e.currentTarget.value;
+    s.valueSignal.set(value);
+    if (s.onInput && typeof s.onInput === "function") {
+      s.onInput(e);
+    }
+  };
+  return createComponent(Textarea, mergeProps({
+    get value() {
+      return s.valueSignal.get();
+    },
+    onInput: onInputLocal
+  }, rest));
+}
+export {
+  TextareaS
+};
+//# sourceMappingURL=TextareaS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaS.js","sources":["../../../lib/input/textarea/TextareaS.tsx"],"sourcesContent":["import { type ComponentProps, type JSX, splitProps } from \"solid-js\"\nimport { Textarea } from \"~ui/input/textarea/Textarea\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\n\nexport interface TextAreaSProps extends ComponentProps<\"textarea\"> {\n  valueSignal: SignalObject<string>\n}\n\nexport function TextareaS(p: TextAreaSProps) {\n  const [s, rest] = splitProps(p, [\"valueSignal\", \"value\", \"onInput\"])\n  const onInputLocal: JSX.InputEventHandlerUnion<HTMLTextAreaElement, InputEvent> = (e) => {\n    const value = e.currentTarget.value\n    s.valueSignal.set(value)\n    if (s.onInput && typeof s.onInput === \"function\") {\n      s.onInput(e)\n    }\n  }\n  return <Textarea value={s.valueSignal.get()} onInput={onInputLocal} {...rest} />\n}\n"],"names":["TextareaS","p","s","rest","splitProps","onInputLocal","e","value","currentTarget","valueSignal","set","onInput","_$createComponent","Textarea","_$mergeProps","get"],"mappings":";;;AAQO,SAASA,UAAUC,GAAmB;AAC3C,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,eAAe,SAAS,SAAS,CAAC;AACnE,QAAMI,eAA6EC,CAAAA,MAAM;AACvF,UAAMC,QAAQD,EAAEE,cAAcD;AAC9BL,MAAEO,YAAYC,IAAIH,KAAK;AACvB,QAAIL,EAAES,WAAW,OAAOT,EAAES,YAAY,YAAY;AAChDT,QAAES,QAAQL,CAAC;AAAA,IACb;AAAA,EACF;AACA,SAAAM,gBAAQC,UAAQC,WAAA;AAAA,IAAA,IAACP,QAAK;AAAA,aAAEL,EAAEO,YAAYM,IAAAA;AAAAA,IAAK;AAAA,IAAEJ,SAASN;AAAAA,EAAAA,GAAkBF,IAAI,CAAA;AAC9E;"}

package/dist/interactive/button/Button.d.ts

@@ -0,0 +1,6 @@
+import { Component, ComponentProps } from 'solid-js';
+import { ButtonCvaProps } from './buttonCva';
+export interface ButtonProps extends ComponentProps<"button">, ButtonCvaProps {
+}
+export declare const Button: Component<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/interactive/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzD,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAGlF,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc;CAAG;AAEhF,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CASzC,CAAA"}

package/dist/interactive/button/Button.js

@@ -0,0 +1,25 @@
+import { template, spread, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCva2 } from "./buttonCva.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+const Button = (p) => {
+  const [s, rest] = splitProps(p, ["variant", "size", "class", "type"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return buttonCva2(s.variant, s.size, classesButtonClickAnimation, p.disabled && classesDisabledDirectly, s.class);
+      },
+      get type() {
+        return s.type ?? "button";
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
+};
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/interactive/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../lib/interactive/button/Button.tsx"],"sourcesContent":["import type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCva2, type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\n\nexport interface ButtonProps extends ComponentProps<\"button\">, ButtonCvaProps {}\n\nexport const Button: Component<ButtonProps> = (p) => {\n  const [s, rest] = splitProps(p, [\"variant\", \"size\", \"class\", \"type\"])\n  return (\n    <button\n      class={buttonCva2(s.variant, s.size, classesButtonClickAnimation, p.disabled && classesDisabledDirectly, s.class)}\n      type={s.type ?? \"button\"}\n      {...rest}\n    />\n  )\n}\n"],"names":["Button","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","buttonCva2","variant","size","classesButtonClickAnimation","disabled","classesDisabledDirectly","class","type"],"mappings":";;;;;;AAQO,MAAMA,SAAkCC,CAAAA,MAAM;AACnD,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,WAAW,QAAQ,SAAS,MAAM,CAAC;AACpE,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAEWC,WAAWP,EAAEQ,SAASR,EAAES,MAAMC,6BAA6BX,EAAEY,YAAYC,yBAAyBZ,EAAEa,KAAK;AAAA,MAAC;AAAA,MAAA,IACjHC,OAAI;AAAA,eAAEd,EAAEc,QAAQ;AAAA,MAAQ;AAAA,IAAA,GACpBb,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAE;AAAAA,EAAA,GAAA;AAGd;"}

package/dist/interactive/button/ButtonIcon.d.ts

@@ -0,0 +1,13 @@
+import { Component, ComponentProps } from 'solid-js';
+import { ButtonVariant, ButtonCvaProps } from './buttonCva';
+export interface ButtonIconProps extends ComponentProps<"button">, ButtonCvaProps {
+    icon?: string;
+    iconRight?: string;
+    iconClass?: string;
+    isLoading?: boolean;
+    validationMessage?: string;
+    validationVariant?: ButtonVariant;
+    validationIcon?: string;
+}
+export declare const ButtonIcon: Component<ButtonIconProps>;
+//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/interactive/button/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/ButtonIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAMtE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc;IAE/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,aAAa,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAmEjD,CAAA"}

package/dist/interactive/button/ButtonIcon.js

@@ -0,0 +1,78 @@
+import { createComponent, mergeProps, memo } from "solid-js/web";
+import { mdiLoading } from "@mdi/js";
+import { splitProps } from "solid-js";
+import { Button } from "./Button.js";
+import "./buttonCva.js";
+import { buttonIconCva } from "./buttonIconCva.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { classMerge } from "../../utils/classMerge.js";
+const ButtonIcon = (p) => {
+  const [s, rest] = splitProps(p, [
+    // icon
+    "icon",
+    "iconRight",
+    "iconClass",
+    // loading
+    "isLoading",
+    // validating
+    "validationMessage",
+    "validationVariant",
+    "validationIcon",
+    // button
+    "variant",
+    "size",
+    "class",
+    "disabled",
+    "onClick",
+    "children"
+  ]);
+  const onClick2 = (e) => {
+    if (s.disabled) return;
+    if (s.isLoading) return;
+    if (s.validationMessage) return;
+    if (s.onClick && typeof s.onClick === "function") {
+      s.onClick(e);
+    }
+  };
+  return createComponent(Button, mergeProps({
+    get ["class"]() {
+      return classMerge(classesButtonClickAnimation, (s.isLoading || !!s.validationMessage) && "cursor-not-allowed", s.class);
+    },
+    get variant() {
+      return memo(() => !!s.validationMessage)() ? s.validationVariant : s.variant;
+    },
+    get size() {
+      return s.size;
+    },
+    onClick: onClick2,
+    get disabled() {
+      return s.disabled;
+    },
+    get ["aria-disabled"]() {
+      return s.isLoading || !!s.validationMessage;
+    }
+  }, rest, {
+    get children() {
+      return [memo(() => memo(() => !!(s.isLoading || s.validationMessage || s.icon))() && createComponent(Icon, {
+        get path() {
+          return s.isLoading ? mdiLoading : s.validationMessage ? s.validationIcon : s.icon ?? mdiLoading;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.validationMessage ? s.validationVariant : s.variant, s.children && "mr-2", s.isLoading && "animate-spin", s.iconClass);
+        }
+      })), memo(() => memo(() => !!s.validationMessage)() ? s.validationMessage : s.children), memo(() => memo(() => !!(!s.isLoading && !s.validationMessage && s.iconRight))() && createComponent(Icon, {
+        get path() {
+          return s.iconRight;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.validationMessage ? s.validationVariant : s.variant, s.children && "ml-2", s.isLoading && "animate-spin", s.iconClass);
+        }
+      }))];
+    }
+  }));
+};
+export {
+  ButtonIcon
+};
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/interactive/button/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","sources":["../../../lib/interactive/button/ButtonIcon.tsx"],"sourcesContent":["import { mdiLoading } from \"@mdi/js\"\nimport { type Component, type ComponentProps, splitProps } from \"solid-js\"\nimport { Button } from \"~ui/interactive/button/Button\"\nimport type { ButtonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport interface ButtonIconProps extends ComponentProps<\"button\">, ButtonCvaProps {\n  // icon\n  icon?: string\n  iconRight?: string\n  iconClass?: string\n  // loading\n  isLoading?: boolean\n  // validating\n  validationMessage?: string\n  validationVariant?: ButtonVariant\n  validationIcon?: string\n}\n\nexport const ButtonIcon: Component<ButtonIconProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // icon\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    // loading\n    \"isLoading\",\n    // validating\n    \"validationMessage\",\n    \"validationVariant\",\n    \"validationIcon\",\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"disabled\",\n    \"onClick\",\n    \"children\",\n  ])\n  const onClick2 = (e: any) => {\n    if (s.disabled) return\n    if (s.isLoading) return\n    if (s.validationMessage) return\n    if (s.onClick && typeof s.onClick === \"function\") {\n      s.onClick(e)\n    }\n  }\n  return (\n    <Button\n      class={classMerge(\n        classesButtonClickAnimation,\n        (s.isLoading || !!s.validationMessage) && \"cursor-not-allowed\",\n        s.class,\n      )}\n      variant={s.validationMessage ? s.validationVariant : s.variant}\n      size={s.size}\n      onClick={onClick2}\n      disabled={s.disabled}\n      aria-disabled={s.isLoading || !!s.validationMessage}\n      {...rest}\n    >\n      {(s.isLoading || s.validationMessage || s.icon) && (\n        <Icon\n          path={(s.isLoading ? mdiLoading : s.validationMessage ? s.validationIcon : (s.icon ?? mdiLoading))!}\n          class={buttonIconCva(\n            s.validationMessage ? s.validationVariant : s.variant,\n            s.children && \"mr-2\",\n            s.isLoading && \"animate-spin\",\n            s.iconClass,\n          )}\n        />\n      )}\n      {s.validationMessage ? s.validationMessage : s.children}\n      {!s.isLoading && !s.validationMessage && s.iconRight && (\n        <Icon\n          path={s.iconRight}\n          class={buttonIconCva(\n            s.validationMessage ? s.validationVariant : s.variant,\n            s.children && \"ml-2\",\n            s.isLoading && \"animate-spin\",\n            s.iconClass,\n          )}\n        />\n      )}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","p","s","rest","splitProps","onClick2","e","disabled","isLoading","validationMessage","onClick","_$createComponent","Button","_$mergeProps","classMerge","classesButtonClickAnimation","class","variant","_$memo","validationVariant","size","children","icon","Icon","path","mdiLoading","validationIcon","buttonIconCva","iconClass","iconRight"],"mappings":";;;;;;;;;AAuBO,MAAMA,aAA0CC,CAAAA,MAAM;AAC3D,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAMI,WAAWA,CAACC,MAAW;AAC3B,QAAIJ,EAAEK,SAAU;AAChB,QAAIL,EAAEM,UAAW;AACjB,QAAIN,EAAEO,kBAAmB;AACzB,QAAIP,EAAEQ,WAAW,OAAOR,EAAEQ,YAAY,YAAY;AAChDR,QAAEQ,QAAQJ,CAAC;AAAA,IACb;AAAA,EACF;AACA,SAAAK,gBACGC,QAAMC,WAAA;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACEC,WACLC,8BACCb,EAAEM,aAAa,CAAC,CAACN,EAAEO,sBAAsB,sBAC1CP,EAAEc,KACJ;AAAA,IAAC;AAAA,IAAA,IACDC,UAAO;AAAA,aAAEC,KAAA,MAAA,CAAA,CAAAhB,EAAEO,iBAAiB,EAAA,IAAGP,EAAEiB,oBAAoBjB,EAAEe;AAAAA,IAAO;AAAA,IAAA,IAC9DG,OAAI;AAAA,aAAElB,EAAEkB;AAAAA,IAAI;AAAA,IACZV,SAASL;AAAAA,IAAQ,IACjBE,WAAQ;AAAA,aAAEL,EAAEK;AAAAA,IAAQ;AAAA,IAAA,KAAA,eAAA,IAAA;AAAA,aACLL,EAAEM,aAAa,CAAC,CAACN,EAAEO;AAAAA,IAAiB;AAAA,EAAA,GAC/CN,MAAI;AAAA,IAAA,IAAAkB,WAAA;AAAA,aAAA,CAAAH,KAAA,MAEPA,cAAChB,EAAEM,aAAaN,EAAEO,qBAAqBP,EAAEoB,KAAI,EAAA,KAAAX,gBAC3CY,MAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAGtB,EAAEM,YAAYiB,aAAavB,EAAEO,oBAAoBP,EAAEwB,iBAAkBxB,EAAEoB,QAAQG;AAAAA,QAAa;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAC5FE,cACLzB,EAAEO,oBAAoBP,EAAEiB,oBAAoBjB,EAAEe,SAC9Cf,EAAEmB,YAAY,QACdnB,EAAEM,aAAa,gBACfN,EAAE0B,SACJ;AAAA,QAAC;AAAA,MAAA,CAAA,CAEJ,GAAAV,KAAA,MACAA,KAAA,MAAA,CAAA,CAAAhB,EAAEO,iBAAiB,EAAA,IAAGP,EAAEO,oBAAoBP,EAAEmB,QAAQ,GAAAH,KAAA,MACtDA,eAAChB,EAAEM,aAAa,CAACN,EAAEO,qBAAqBP,EAAE2B,UAAS,EAAA,KAAAlB,gBACjDY,MAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEtB,EAAE2B;AAAAA,QAAS;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBACVF,cACLzB,EAAEO,oBAAoBP,EAAEiB,oBAAoBjB,EAAEe,SAC9Cf,EAAEmB,YAAY,QACdnB,EAAEM,aAAa,gBACfN,EAAE0B,SACJ;AAAA,QAAC;AAAA,MAAA,CAAA,CAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGP;"}

package/dist/interactive/button/ButtonIcon1.d.ts

@@ -0,0 +1,12 @@
+import { Accessor, Component, ComponentProps } from 'solid-js';
+import { ButtonCvaProps } from './buttonCva';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+export interface ButtonIcon1Props extends ComponentProps<"button">, ButtonCvaProps, MayHaveClass, MayHaveChildren {
+    icon?: string;
+    iconRight?: string;
+    iconClass?: string;
+    isDisabled?: Accessor<boolean>;
+}
+export declare const ButtonIcon1: Component<ButtonIcon1Props>;
+//# sourceMappingURL=ButtonIcon1.d.ts.map

package/dist/interactive/button/ButtonIcon1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon1.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/ButtonIcon1.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAEzF,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAIlF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe;IAE/G,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CA+CnD,CAAA"}

package/dist/interactive/button/ButtonIcon1.js

@@ -0,0 +1,80 @@
+import { delegateEvents, template, spread, mergeProps, insert, memo, createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCva2 } from "./buttonCva.js";
+import { buttonIconCva } from "./buttonIconCva.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+import { Icon } from "../../static/icon/Icon.js";
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+const ButtonIcon1 = (p) => {
+  const [s, rest] = splitProps(p, [
+    // generic
+    "class",
+    "children",
+    // button
+    "variant",
+    "size",
+    "class",
+    // icon
+    "icon",
+    "iconRight",
+    "iconClass",
+    // disabled
+    "disabled",
+    "isDisabled",
+    "type",
+    "children",
+    "onClick"
+  ]);
+  const onClick2 = (e) => {
+    if (s.isDisabled?.()) return;
+    if (s.disabled) return;
+    if (s.onClick) {
+      s.onClick(e);
+    }
+  };
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = onClick2;
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return buttonCva2(s.variant, s.size, classesButtonClickAnimation, (s.disabled || s.isDisabled?.()) && classesDisabledDirectly, s.class);
+      },
+      get ["aria-disabled"]() {
+        return s.isDisabled?.();
+      },
+      get type() {
+        return s.type ?? "button";
+      }
+    }, rest), false, true);
+    insert(_el$, (() => {
+      var _c$ = memo(() => !!s.icon);
+      return () => _c$() && createComponent(Icon, {
+        get path() {
+          return s.icon;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.variant, s.children && "mr-2", s.iconClass);
+        }
+      });
+    })(), null);
+    insert(_el$, () => s.children, null);
+    insert(_el$, (() => {
+      var _c$2 = memo(() => !!s.iconRight);
+      return () => _c$2() && createComponent(Icon, {
+        get path() {
+          return s.iconRight;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.variant, s.children && "ml-2", s.iconClass);
+        }
+      });
+    })(), null);
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
+export {
+  ButtonIcon1
+};
+//# sourceMappingURL=ButtonIcon1.js.map