@adaptive-ds/solid-ui 0.13.1 → 0.14.0

package/dist/input/textarea/TextareaS.js

@@ -1,23 +1,26 @@
-import { createComponent, mergeProps } from "solid-js/web";
-import { splitProps } from "solid-js";
 import { Textarea } from "./Textarea.js";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+//#region ui/input/textarea/TextareaS.tsx
 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));
+	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$1({
+		get value() {
+			return s.valueSignal.get();
+		},
+		onInput: onInputLocal
+	}, rest));
 }
-export {
-  TextareaS
-};
-//# sourceMappingURL=TextareaS.js.map
+//#endregion
+export { TextareaS };
+
+//# sourceMappingURL=TextareaS.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"TextareaS.js","names":["Textarea","SignalObject","ComponentProps","JSX","splitProps","TextAreaSProps","valueSignal","TextareaS","p","s","rest","onInputLocal","InputEventHandlerUnion","HTMLTextAreaElement","InputEvent","e","value","currentTarget","set","onInput","_$createComponent","_$mergeProps","get"],"sources":["../../../ui/input/textarea/TextareaS.tsx"],"sourcesContent":["import { Textarea } from \"#ui/input/textarea/Textarea.jsx\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport { type ComponentProps, type JSX, splitProps } from \"solid-js\"\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"],"mappings":";;;;AAQA,SAAgBO,UAAUC,GAAmB;CAC3C,MAAM,CAACC,GAAGC,QAAQN,WAAWI,GAAG;EAAC;EAAe;EAAS;EAAU,CAAC;CACpE,MAAMG,gBAA6EI,MAAM;EACvF,MAAMC,QAAQD,EAAEE,cAAcD;AAC9BP,IAAEH,YAAYY,IAAIF,MAAM;AACxB,MAAIP,EAAEU,WAAW,OAAOV,EAAEU,YAAY,WACpCV,GAAEU,QAAQJ,EAAE;;AAGhB,QAAAK,gBAAQpB,UAAQqB,aAAA;EAAA,IAACL,QAAK;AAAA,UAAEP,EAAEH,YAAYgB,KAAK;;EAAEH,SAASR;EAAY,EAAMD,KAAI,CAAA"}

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

@@ -1,5 +1,5 @@
+import { ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
 import { Component, ComponentProps } from 'solid-js';
-import { ButtonCvaProps } from './buttonCva';
 export interface ButtonProps extends ComponentProps<"button">, ButtonCvaProps {
 }
 export declare const Button: Component<ButtonProps>;

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

@@ -1 +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"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../ui/interactive/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAErF,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzD,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

@@ -1,25 +1,31 @@
-import { spread, mergeProps, template } 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";
+import { buttonCva2 } from "./buttonCva.js";
+import "../../classes/classesDisabledDirectly.js";
+import { splitProps } from "solid-js";
+import { mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+//#region ui/interactive/button/Button.tsx
 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
+var Button = (p) => {
+	const [s, rest] = splitProps(p, [
+		"variant",
+		"size",
+		"class",
+		"type"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps$1({
+			get ["class"]() {
+				return buttonCva2(s.variant, s.size, classesButtonClickAnimation, p.disabled && "cursor-not-allowed opacity-70", s.class);
+			},
+			get type() {
+				return s.type ?? "button";
+			}
+		}, rest), false, false);
+		return _el$;
+	})();
 };
-//# sourceMappingURL=Button.js.map
+//#endregion
+export { Button };
+
+//# sourceMappingURL=Button.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Button.js","names":["classesDisabledDirectly","buttonCva2","ButtonCvaProps","classesButtonClickAnimation","Component","ComponentProps","splitProps","ButtonProps","Button","p","s","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","variant","size","disabled","type"],"sources":["../../../ui/interactive/button/Button.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCva2, type ButtonCvaProps } from \"#ui/interactive/button/buttonCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\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"],"mappings":";;;;;;;AAQA,IAAaQ,UAAkCC,MAAM;CACnD,MAAM,CAACC,GAAGC,QAAQL,WAAWG,GAAG;EAAC;EAAW;EAAQ;EAAS;EAAO,CAAC;AACrE,eAAA;EAAA,IAAAG,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,aAAA;GAAA,KAAA,WAAA;AAAA,WAEWd,WAAWS,EAAEO,SAASP,EAAEQ,MAAMf,6BAA6BM,EAAEU,YAAAA,iCAAqCT,EAAEM,MAAM;;GAAA,IACjHI,OAAI;AAAA,WAAEV,EAAEU,QAAQ;;GAAQ,EACpBT,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAC;KAAA"}

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

@@ -1,5 +1,5 @@
+import { ButtonVariant, ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
 import { Component, ComponentProps } from 'solid-js';
-import { ButtonVariant, ButtonCvaProps } from './buttonCva';
 export interface ButtonIconProps extends ComponentProps<"button">, ButtonCvaProps {
     icon?: string;
     iconRight?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../ui/interactive/button/ButtonIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAMzE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,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

@@ -1,78 +1,75 @@
-import { createComponent, mergeProps, memo } from "solid-js/web";
-import { mdiLoading } from "@mdi/js";
-import { splitProps } from "solid-js";
-import { Button } from "./Button.js";
+import { classMerge } from "../../utils/classMerge.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
 import "./buttonCva.js";
+import { Button } from "./Button.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
+import { splitProps } from "solid-js";
+import { createComponent, memo, mergeProps as mergeProps$1 } from "solid-js/web";
+import { mdiLoading } from "@mdi/js";
+//#region ui/interactive/button/ButtonIcon.tsx
+var ButtonIcon = (p) => {
+	const [s, rest] = splitProps(p, [
+		"icon",
+		"iconRight",
+		"iconClass",
+		"isLoading",
+		"validationMessage",
+		"validationVariant",
+		"validationIcon",
+		"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$1({
+		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);
+				}
+			}))
+		];
+	} }));
 };
-//# sourceMappingURL=ButtonIcon.js.map
+//#endregion
+export { ButtonIcon };
+
+//# sourceMappingURL=ButtonIcon.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"ButtonIcon.js","names":["Button","ButtonVariant","ButtonCvaProps","buttonIconCva","classesButtonClickAnimation","Icon","classMerge","mdiLoading","Component","ComponentProps","splitProps","ButtonIconProps","icon","iconRight","iconClass","isLoading","validationMessage","validationVariant","validationIcon","ButtonIcon","p","s","rest","onClick2","e","disabled","onClick","_$createComponent","_$mergeProps","class","variant","_$memo","size","aria-disabled","children","path"],"sources":["../../../ui/interactive/button/ButtonIcon.tsx"],"sourcesContent":["import { Button } from \"#ui/interactive/button/Button.jsx\"\nimport type { ButtonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { type ButtonCvaProps } from \"#ui/interactive/button/buttonCva.js\"\nimport { buttonIconCva } from \"#ui/interactive/button/buttonIconCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport { mdiLoading } from \"@mdi/js\"\nimport { type Component, type ComponentProps, splitProps } from \"solid-js\"\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"],"mappings":";;;;;;;;;;AAuBA,IAAamB,cAA0CC,MAAM;CAC3D,MAAM,CAACC,GAAGC,QAAQZ,WAAWU,GAAG;EAE9B;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAMG,YAAYC,MAAW;AAC3B,MAAIH,EAAEI,SAAU;AAChB,MAAIJ,EAAEN,UAAW;AACjB,MAAIM,EAAEL,kBAAmB;AACzB,MAAIK,EAAEK,WAAW,OAAOL,EAAEK,YAAY,WACpCL,GAAEK,QAAQF,EAAE;;AAGhB,QAAAG,gBACG3B,QAAM4B,aAAA;EAAA,KAAA,WAAA;AAAA,UACEtB,WACLF,8BACCiB,EAAEN,aAAa,CAAC,CAACM,EAAEL,sBAAsB,sBAC1CK,EAAEQ,MACH;;EAAA,IACDC,UAAO;AAAA,UAAEC,WAAA,CAAA,CAAAV,EAAEL,kBAAiB,EAAA,GAAGK,EAAEJ,oBAAoBI,EAAES;;EAAO,IAC9DE,OAAI;AAAA,UAAEX,EAAEW;;EACRN,SAASH;EAAQ,IACjBE,WAAQ;AAAA,UAAEJ,EAAEI;;EAAQ,KAAA,mBAAA;AAAA,UACLJ,EAAEN,aAAa,CAAC,CAACM,EAAEL;;EAAiB,EAC/CM,MAAI,EAAA,IAAAY,WAAA;AAAA,SAAA;GAAAH,WAEPA,WAAA,CAAA,EAACV,EAAEN,aAAaM,EAAEL,qBAAqBK,EAAET,MAAI,EAAA,IAAAe,gBAC3CtB,MAAI;IAAA,IACH8B,OAAI;AAAA,YAAGd,EAAEN,YAAYR,aAAac,EAAEL,oBAAoBK,EAAEH,iBAAkBG,EAAET,QAAQL;;IAAa,KAAA,WAAA;AAAA,YAC5FJ,cACLkB,EAAEL,oBAAoBK,EAAEJ,oBAAoBI,EAAES,SAC9CT,EAAEa,YAAY,QACdb,EAAEN,aAAa,gBACfM,EAAEP,UACH;;IAAA,CAEJ,CAAA;GAAAiB,WACAA,WAAA,CAAA,CAAAV,EAAEL,kBAAiB,EAAA,GAAGK,EAAEL,oBAAoBK,EAAEa,SAAQ;GAAAH,WACtDA,WAAA,CAAA,EAAA,CAACV,EAAEN,aAAa,CAACM,EAAEL,qBAAqBK,EAAER,WAAS,EAAA,IAAAc,gBACjDtB,MAAI;IAAA,IACH8B,OAAI;AAAA,YAAEd,EAAER;;IAAS,KAAA,WAAA;AAAA,YACVV,cACLkB,EAAEL,oBAAoBK,EAAEJ,oBAAoBI,EAAES,SAC9CT,EAAEa,YAAY,QACdb,EAAEN,aAAa,gBACfM,EAAEP,UACH;;IAAA,CAEJ,CAAA;GAAA;IAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
+import { ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
 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;

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

@@ -1 +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"}
+{"version":3,"file":"ButtonIcon1.d.ts","sourceRoot":"","sources":["../../../ui/interactive/button/ButtonIcon1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAIrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAEzF,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

@@ -1,80 +1,75 @@
-import { delegateEvents, spread, mergeProps, insert, memo, createComponent, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
 import { buttonCva2 } from "./buttonCva.js";
+import "../../classes/classesDisabledDirectly.js";
 import { buttonIconCva } from "./buttonIconCva.js";
-import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
 import { Icon } from "../../static/icon/Icon.js";
+import { splitProps } from "solid-js";
+import { createComponent, delegateEvents, insert, memo, mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+//#region ui/interactive/button/ButtonIcon1.tsx
 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$;
-  })();
+var ButtonIcon1 = (p) => {
+	const [s, rest] = splitProps(p, [
+		"class",
+		"children",
+		"variant",
+		"size",
+		"class",
+		"icon",
+		"iconRight",
+		"iconClass",
+		"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$1({
+			get ["class"]() {
+				return buttonCva2(s.variant, s.size, classesButtonClickAnimation, (s.disabled || s.isDisabled?.()) && "cursor-not-allowed opacity-70", 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
+//#endregion
+export { ButtonIcon1 };
+
+//# sourceMappingURL=ButtonIcon1.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon1.js","sources":["../../../lib/interactive/button/ButtonIcon1.tsx"],"sourcesContent":["import { type Accessor, type Component, type ComponentProps, splitProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCva2, 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 type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface ButtonIcon1Props extends ComponentProps<\"button\">, ButtonCvaProps, MayHaveClass, MayHaveChildren {\n  // icon\n  icon?: string\n  iconRight?: string\n  iconClass?: string\n  // disabled\n  isDisabled?: Accessor<boolean>\n}\n\nexport const ButtonIcon1: Component<ButtonIcon1Props> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // generic\n    \"class\",\n    \"children\",\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // icon\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    // disabled\n    \"disabled\",\n    \"isDisabled\",\n    \"type\",\n    \"children\",\n    \"onClick\",\n  ])\n  const onClick2 = (e: any) => {\n    if (s.isDisabled?.()) return\n    if (s.disabled) return\n    if (s.onClick) {\n      // @ts-ignore\n      s.onClick(e)\n    }\n  }\n  return (\n    <button\n      class={buttonCva2(\n        s.variant,\n        s.size,\n        classesButtonClickAnimation,\n        (s.disabled || s.isDisabled?.()) && classesDisabledDirectly,\n        s.class,\n      )}\n      onClick={onClick2}\n      aria-disabled={s.isDisabled?.()}\n      type={s.type ?? \"button\"}\n      {...rest}\n    >\n      {s.icon && <Icon path={s.icon} class={buttonIconCva(s.variant, s.children && \"mr-2\", s.iconClass)} />}\n      {s.children}\n      {s.iconRight && <Icon path={s.iconRight} class={buttonIconCva(s.variant, s.children && \"ml-2\", s.iconClass)} />}\n    </button>\n  )\n}\n"],"names":["ButtonIcon1","p","s","rest","splitProps","onClick2","e","isDisabled","disabled","onClick","_el$","_tmpl$","$$click","_$spread","_$mergeProps","buttonCva2","variant","size","classesButtonClickAnimation","classesDisabledDirectly","class","type","_$insert","_c$","_$memo","icon","_$createComponent","Icon","path","buttonIconCva","children","iconClass","_c$2","iconRight","_$delegateEvents"],"mappings":";;;;;;;;AAkBO,MAAMA,cAA4CC,CAAAA,MAAM;AAC7D,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAMI,WAAWA,CAACC,MAAW;AAC3B,QAAIJ,EAAEK,eAAgB;AACtB,QAAIL,EAAEM,SAAU;AAChB,QAAIN,EAAEO,SAAS;AAEbP,QAAEO,QAAQH,CAAC;AAAA,IACb;AAAA,EACF;AACA,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAD,SAAAE,UASaP;AAAQQ,WAAAH,MAAAI,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAPVC,WACLb,EAAEc,SACFd,EAAEe,MACFC,8BACChB,EAAEM,YAAYN,EAAEK,aAAAA,MAAmBY,yBACpCjB,EAAEkB,KACJ;AAAA,MAAC;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eAEclB,EAAEK,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC/Bc,OAAI;AAAA,eAAEnB,EAAEmB,QAAQ;AAAA,MAAQ;AAAA,IAAA,GACpBlB,IAAI,GAAA,OAAA,IAAA;AAAAmB,WAAAZ,OAAA,MAAA;AAAA,UAAAa,MAAAC,KAAA,MAAA,CAAA,CAEPtB,EAAEuB,IAAI;AAAA,aAAA,MAANF,IAAAA,KAAAG,gBAAWC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE1B,EAAEuB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASI,cAAc3B,EAAEc,SAASd,EAAE4B,YAAY,QAAQ5B,EAAE6B,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAAT,WAAAZ,MAAA,MACpGR,EAAE4B,UAAQ,IAAA;AAAAR,WAAAZ,OAAA,MAAA;AAAA,UAAAsB,OAAAR,KAAA,MAAA,CAAA,CACVtB,EAAE+B,SAAS;AAAA,aAAA,MAAXD,KAAAA,KAAAN,gBAAgBC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE1B,EAAE+B;AAAAA,QAAS;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASJ,cAAc3B,EAAEc,SAASd,EAAE4B,YAAY,QAAQ5B,EAAE6B,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAArB;AAAAA,EAAA,GAAA;AAGrH;AAACwB,eAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"ButtonIcon1.js","names":["classesDisabledDirectly","buttonCva2","ButtonCvaProps","buttonIconCva","classesButtonClickAnimation","Icon","MayHaveChildren","MayHaveClass","Accessor","Component","ComponentProps","splitProps","ButtonIcon1Props","icon","iconRight","iconClass","isDisabled","ButtonIcon1","p","s","rest","onClick2","e","disabled","onClick","_el$","_tmpl$","$$click","_$spread","_$mergeProps","class","variant","size","aria-disabled","type","_$insert","_c$","_$memo","_$createComponent","path","children","_c$2","_$delegateEvents"],"sources":["../../../ui/interactive/button/ButtonIcon1.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCva2, type ButtonCvaProps } from \"#ui/interactive/button/buttonCva.js\"\nimport { buttonIconCva } from \"#ui/interactive/button/buttonIconCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { type Accessor, type Component, type ComponentProps, splitProps } from \"solid-js\"\n\nexport interface ButtonIcon1Props extends ComponentProps<\"button\">, ButtonCvaProps, MayHaveClass, MayHaveChildren {\n  // icon\n  icon?: string\n  iconRight?: string\n  iconClass?: string\n  // disabled\n  isDisabled?: Accessor<boolean>\n}\n\nexport const ButtonIcon1: Component<ButtonIcon1Props> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // generic\n    \"class\",\n    \"children\",\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // icon\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    // disabled\n    \"disabled\",\n    \"isDisabled\",\n    \"type\",\n    \"children\",\n    \"onClick\",\n  ])\n  const onClick2 = (e: any) => {\n    if (s.isDisabled?.()) return\n    if (s.disabled) return\n    if (s.onClick) {\n      // @ts-ignore\n      s.onClick(e)\n    }\n  }\n  return (\n    <button\n      class={buttonCva2(\n        s.variant,\n        s.size,\n        classesButtonClickAnimation,\n        (s.disabled || s.isDisabled?.()) && classesDisabledDirectly,\n        s.class,\n      )}\n      onClick={onClick2}\n      aria-disabled={s.isDisabled?.()}\n      type={s.type ?? \"button\"}\n      {...rest}\n    >\n      {s.icon && <Icon path={s.icon} class={buttonIconCva(s.variant, s.children && \"mr-2\", s.iconClass)} />}\n      {s.children}\n      {s.iconRight && <Icon path={s.iconRight} class={buttonIconCva(s.variant, s.children && \"ml-2\", s.iconClass)} />}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,IAAaiB,eAA4CC,MAAM;CAC7D,MAAM,CAACC,GAAGC,QAAQT,WAAWO,GAAG;EAE9B;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAMG,YAAYC,MAAW;AAC3B,MAAIH,EAAEH,cAAc,CAAE;AACtB,MAAIG,EAAEI,SAAU;AAChB,MAAIJ,EAAEK,QAEJL,GAAEK,QAAQF,EAAE;;AAGhB,eAAA;EAAA,IAAAG,OAAAC,QAAA;AAAAD,OAAAE,UASaN;AAAQO,SAAAH,MAAAI,aAAA;GAAA,KAAA,WAAA;AAAA,WAPV5B,WACLkB,EAAEY,SACFZ,EAAEa,MACF5B,8BACCe,EAAEI,YAAYJ,EAAEH,cAAc,KAAA,iCAC/BG,EAAEW,MACH;;GAAA,KAAA,mBAAA;AAAA,WAEcX,EAAEH,cAAc;;GAAA,IAC/BkB,OAAI;AAAA,WAAEf,EAAEe,QAAQ;;GAAQ,EACpBd,KAAI,EAAA,OAAA,KAAA;AAAAe,SAAAV,aAAA;GAAA,IAAAW,MAAAC,WAAA,CAAA,CAEPlB,EAAEN,KAAI;AAAA,gBAANuB,KAAA,IAAAE,gBAAWjC,MAAI;IAAA,IAACkC,OAAI;AAAA,YAAEpB,EAAEN;;IAAI,KAAA,WAAA;AAAA,YAASV,cAAcgB,EAAEY,SAASZ,EAAEqB,YAAY,QAAQrB,EAAEJ,UAAU;;IAAA,CAAI;MAAA,EAAA,KAAA;AAAAoB,SAAAV,YACpGN,EAAEqB,UAAQ,KAAA;AAAAL,SAAAV,aAAA;GAAA,IAAAgB,OAAAJ,WAAA,CAAA,CACVlB,EAAEL,UAAS;AAAA,gBAAX2B,MAAA,IAAAH,gBAAgBjC,MAAI;IAAA,IAACkC,OAAI;AAAA,YAAEpB,EAAEL;;IAAS,KAAA,WAAA;AAAA,YAASX,cAAcgB,EAAEY,SAASZ,EAAEqB,YAAY,QAAQrB,EAAEJ,UAAU;;IAAA,CAAI;MAAA,EAAA,KAAA;AAAA,SAAAU;KAAA;;AAGpHiB,eAAA,CAAA,QAAA,CAAA"}

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

@@ -1,9 +1,9 @@
+import { ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
+import { HasIcon } from '#ui/utils/HasIcon.js';
+import { HasTitle } from '#ui/utils/HasTitle.js';
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveIsLoading } from '#ui/utils/MayHaveIsLoading.js';
 import { Component, ComponentProps } from 'solid-js';
-import { ButtonCvaProps } from './buttonCva';
-import { HasIcon } from '../../utils/HasIcon';
-import { HasTitle } from '../../utils/HasTitle';
-import { MayHaveChildren } from '../../utils/MayHaveChildren';
-import { MayHaveIsLoading } from '../../utils/MayHaveIsLoading';
 export interface ButtonIconOnlyProps extends Omit<ComponentProps<"button">, "title">, ButtonCvaProps, HasTitle, HasIcon, MayHaveIsLoading, MayHaveChildren {
     iconRight?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/ButtonIconOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAIzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEhE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7E,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,cAAc,EACd,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAyCzD,CAAA"}
+{"version":3,"file":"ButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../ui/interactive/button/ButtonIconOnly.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAI5F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAEnE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,cAAc,EACd,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAyCzD,CAAA"}