@adaptive-ds/solid-ui 0.11.0

package/dist/interactive/dialog/CorcuDialogTexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorcuDialogTexts.d.ts","sourceRoot":"","sources":["../../../lib/interactive/dialog/CorcuDialogTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,sBAAsB;;CAEE,CAAA"}

package/dist/interactive/dialog/CorcuDialogTexts.js

@@ -0,0 +1,8 @@
+import { ttt } from "../../i18n/ttt.js";
+const corvuDialogTextDefault = {
+  closeDialog: ttt("Close dialog")
+};
+export {
+  corvuDialogTextDefault
+};
+//# sourceMappingURL=CorcuDialogTexts.js.map

package/dist/interactive/dialog/CorcuDialogTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorcuDialogTexts.js","sources":["../../../lib/interactive/dialog/CorcuDialogTexts.ts"],"sourcesContent":["import { ttt } from \"~ui/i18n/ttt\"\n\nexport type CorcuDialogTexts = {\n  closeDialog: string\n}\n\nexport const corvuDialogTextDefault = {\n  closeDialog: ttt(\"Close dialog\"),\n} as const satisfies CorcuDialogTexts\n"],"names":[],"mappings":";AAMO,MAAM,yBAAyB;AAAA,EACpC,aAAa,IAAI,cAAc;AACjC;"}

package/dist/interactive/dialog/CorvuDialog.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'solid-js';
+import { ButtonIcon1Props } from '../button/ButtonIcon1';
+import { CorcuDialogTexts } from './CorcuDialogTexts';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+export interface CorvuDialogProps extends MayHaveClass, MayHaveInnerClass, MayHaveChildren, ButtonIcon1Props {
+    buttonChildren?: JSX.Element;
+    title: string;
+    description?: string;
+    titleClass?: string;
+    descriptionClass?: string;
+    texts?: CorcuDialogTexts;
+}
+export declare function CorvuDialog(p: CorvuDialogProps): JSX.Element;
+//# sourceMappingURL=CorvuDialog.d.ts.map

package/dist/interactive/dialog/CorvuDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorvuDialog.d.ts","sourceRoot":"","sources":["../../../lib/interactive/dialog/CorvuDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAI1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAA;AAI/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,gBAAiB,SAAQ,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,gBAAgB;IAC1G,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,eAyC9C"}

package/dist/interactive/dialog/CorvuDialog.js

@@ -0,0 +1,98 @@
+import { createComponent, memo, template, insert } from "solid-js/web";
+import index_default from "../../node_modules/@corvu/dialog/dist/index.js";
+import { mdiClose } from "@mdi/js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCva2, buttonVariant, buttonCvaIconOnly } from "../button/buttonCva.js";
+import { buttonIconCva } from "../button/buttonIconCva.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
+import { classesDialogOverlayMerge, classesDialogContentMerge } from "./classesDialogContent.js";
+import { corvuDialogTextDefault } from "./CorcuDialogTexts.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<header class="flex items-start justify-between mb-4"><div>`);
+function CorvuDialog(p) {
+  const texts = p.texts ?? corvuDialogTextDefault;
+  return createComponent(index_default, {
+    get children() {
+      return [createComponent(index_default.Trigger, {
+        get ["class"]() {
+          return buttonCva2(p.variant, p.size, classesButtonClickAnimation, (p.disabled || p.isDisabled?.()) && classesDisabledDirectly, p.class);
+        },
+        get children() {
+          return [memo(() => memo(() => !!p.icon)() && createComponent(Icon, {
+            get path() {
+              return p.icon;
+            },
+            get ["class"]() {
+              return buttonIconCva(p.variant, p.buttonChildren && "mr-2", p.iconClass);
+            }
+          })), memo(() => p.buttonChildren), memo(() => memo(() => !!p.iconRight)() && createComponent(Icon, {
+            get path() {
+              return p.iconRight;
+            },
+            get ["class"]() {
+              return buttonIconCva(p.variant, p.buttonChildren && "ml-2", p.iconClass);
+            }
+          }))];
+        }
+      }), createComponent(index_default.Portal, {
+        get children() {
+          return [createComponent(index_default.Overlay, {
+            get ["class"]() {
+              return classesDialogOverlayMerge();
+            }
+          }), createComponent(index_default.Content, {
+            get ["class"]() {
+              return classesDialogContentMerge(p.innerClass);
+            },
+            get children() {
+              return [(() => {
+                var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+                insert(_el$2, createComponent(index_default.Label, {
+                  get ["class"]() {
+                    return classMerge("text-lg font-semibold", p.titleClass);
+                  },
+                  get children() {
+                    return p.title;
+                  }
+                }), null);
+                insert(_el$2, (() => {
+                  var _c$ = memo(() => !!p.description);
+                  return () => _c$() && createComponent(index_default.Description, {
+                    get ["class"]() {
+                      return classMerge("text-muted-foreground", p.descriptionClass);
+                    },
+                    get children() {
+                      return p.description;
+                    }
+                  });
+                })(), null);
+                insert(_el$, createComponent(index_default.Close, {
+                  get ["class"]() {
+                    return buttonCvaIconOnly(buttonVariant.outline, false, false);
+                  },
+                  get title() {
+                    return texts.closeDialog;
+                  },
+                  get children() {
+                    return createComponent(Icon, {
+                      path: mdiClose,
+                      get ["class"]() {
+                        return buttonIconCva(buttonVariant.outline, "");
+                      }
+                    });
+                  }
+                }), null);
+                return _el$;
+              })(), memo(() => p.children)];
+            }
+          })];
+        }
+      })];
+    }
+  });
+}
+export {
+  CorvuDialog
+};
+//# sourceMappingURL=CorvuDialog.js.map

package/dist/interactive/dialog/CorvuDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorvuDialog.js","sources":["../../../lib/interactive/dialog/CorvuDialog.tsx"],"sourcesContent":["import Dialog from \"@corvu/dialog\"\nimport { mdiClose } from \"@mdi/js\"\nimport type { JSX } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCva2, buttonCvaIconOnly, buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport type { ButtonIcon1Props } from \"~ui/interactive/button/ButtonIcon1\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { classesDialogContentMerge, classesDialogOverlayMerge } from \"~ui/interactive/dialog/classesDialogContent\"\nimport type { CorcuDialogTexts } from \"~ui/interactive/dialog/CorcuDialogTexts\"\nimport { corvuDialogTextDefault } from \"~ui/interactive/dialog/CorcuDialogTexts\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CorvuDialogProps extends MayHaveClass, MayHaveInnerClass, MayHaveChildren, ButtonIcon1Props {\n  buttonChildren?: JSX.Element\n  title: string\n  description?: string\n  titleClass?: string\n  descriptionClass?: string\n  texts?: CorcuDialogTexts\n}\n\nexport function CorvuDialog(p: CorvuDialogProps) {\n  const texts = p.texts ?? corvuDialogTextDefault\n\n  return (\n    <Dialog>\n      <Dialog.Trigger\n        class={buttonCva2(\n          p.variant,\n          p.size,\n          classesButtonClickAnimation,\n          (p.disabled || p.isDisabled?.()) && classesDisabledDirectly,\n          p.class,\n        )}\n      >\n        {p.icon && <Icon path={p.icon} class={buttonIconCva(p.variant, p.buttonChildren && \"mr-2\", p.iconClass)} />}\n        {p.buttonChildren}\n        {p.iconRight && (\n          <Icon path={p.iconRight} class={buttonIconCva(p.variant, p.buttonChildren && \"ml-2\", p.iconClass)} />\n        )}\n      </Dialog.Trigger>\n      <Dialog.Portal>\n        <Dialog.Overlay class={classesDialogOverlayMerge()} />\n        <Dialog.Content class={classesDialogContentMerge(p.innerClass)}>\n          <header class=\"flex items-start justify-between mb-4\">\n            <div>\n              <Dialog.Label class={classMerge(\"text-lg font-semibold\", p.titleClass)}>{p.title}</Dialog.Label>\n              {p.description && (\n                <Dialog.Description class={classMerge(\"text-muted-foreground\", p.descriptionClass)}>\n                  {p.description}\n                </Dialog.Description>\n              )}\n            </div>\n            <Dialog.Close class={buttonCvaIconOnly(buttonVariant.outline, false, false)} title={texts.closeDialog}>\n              <Icon path={mdiClose} class={buttonIconCva(buttonVariant.outline, \"\")} />\n            </Dialog.Close>\n          </header>\n          {p.children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],"names":["CorvuDialog","p","texts","corvuDialogTextDefault","_$createComponent","Dialog","children","Trigger","buttonCva2","variant","size","classesButtonClickAnimation","disabled","isDisabled","classesDisabledDirectly","class","_$memo","icon","Icon","path","buttonIconCva","buttonChildren","iconClass","iconRight","Portal","Overlay","classesDialogOverlayMerge","Content","classesDialogContentMerge","innerClass","_el$","_tmpl$","_el$2","firstChild","_$insert","Label","classMerge","titleClass","title","_c$","description","Description","descriptionClass","Close","buttonCvaIconOnly","buttonVariant","outline","closeDialog","mdiClose"],"mappings":"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"}

package/dist/interactive/dialog/CorvuDialogIcon.d.ts

@@ -0,0 +1,18 @@
+import { Component, ComponentProps } from 'solid-js';
+import { ButtonCvaProps } from '../button/buttonCva';
+import { CorcuDialogTexts } from './CorcuDialogTexts';
+import { HasIcon } from '../../utils/HasIcon';
+import { HasTitle } from '../../utils/HasTitle';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+import { MayHaveIsLoading } from '../../utils/MayHaveIsLoading';
+export interface CorvuDialogIconProps extends Omit<ComponentProps<"button">, "title">, ButtonCvaProps, HasIcon, HasTitle, MayHaveClass, MayHaveInnerClass, MayHaveChildren, MayHaveIsLoading {
+    dialogTitle: string;
+    description?: string;
+    titleClass?: string;
+    descriptionClass?: string;
+    texts?: CorcuDialogTexts;
+}
+export declare const CorvuDialogIcon: Component<CorvuDialogIconProps>;
+//# sourceMappingURL=CorvuDialogIcon.d.ts.map

package/dist/interactive/dialog/CorvuDialogIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorvuDialogIcon.d.ts","sourceRoot":"","sources":["../../../lib/interactive/dialog/CorvuDialogIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,EAAoC,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAGxG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAA;AAI/E,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;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAG7E,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,cAAc,EACd,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,gBAAgB;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA+D3D,CAAA"}

package/dist/interactive/dialog/CorvuDialogIcon.js

@@ -0,0 +1,118 @@
+import { createComponent, mergeProps, memo, template, insert } from "solid-js/web";
+import index_default from "../../node_modules/@corvu/dialog/dist/index.js";
+import { mdiClose } from "@mdi/js";
+import { splitProps } from "solid-js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCvaIconOnly, buttonVariant } from "../button/buttonCva.js";
+import { buttonIconCva } from "../button/buttonIconCva.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
+import { corvuDialogTextDefault } from "./CorcuDialogTexts.js";
+import { classesDialogOverlayMerge, classesDialogContentMerge } from "./classesDialogContent.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { isLoading } from "../../utils/MayHaveIsLoading.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<header class="flex items-start justify-between mb-4"><div>`);
+const CorvuDialogIcon = (p) => {
+  const [s, rest] = splitProps(p, [
+    // button
+    "variant",
+    "size",
+    "class",
+    // state
+    "isLoading",
+    "disabled",
+    // icons
+    "title",
+    "icon",
+    "iconClass",
+    // dialog
+    "innerClass",
+    "children",
+    "dialogTitle",
+    "description",
+    "titleClass",
+    "descriptionClass",
+    "texts"
+  ]);
+  const texts = s.texts ?? corvuDialogTextDefault;
+  return createComponent(index_default, {
+    get children() {
+      return [createComponent(index_default.Trigger, mergeProps({
+        get ["class"]() {
+          return buttonCvaIconOnly(s.variant, isLoading(p), s.disabled, classesButtonClickAnimation, s.class);
+        },
+        get title() {
+          return s.title;
+        }
+      }, rest, {
+        get children() {
+          return createComponent(Icon, {
+            get path() {
+              return s.icon;
+            },
+            get ["class"]() {
+              return buttonIconCva(s.variant, isLoading(p) && "animate-spin-faster", s.disabled && classesDisabledDirectly, s.iconClass);
+            }
+          });
+        }
+      })), createComponent(index_default.Portal, {
+        get children() {
+          return [createComponent(index_default.Overlay, {
+            get ["class"]() {
+              return classesDialogOverlayMerge();
+            }
+          }), createComponent(index_default.Content, {
+            get ["class"]() {
+              return classesDialogContentMerge(s.innerClass);
+            },
+            get children() {
+              return [(() => {
+                var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+                insert(_el$2, createComponent(index_default.Label, {
+                  get ["class"]() {
+                    return classMerge("text-lg font-semibold", s.titleClass);
+                  },
+                  get children() {
+                    return s.dialogTitle;
+                  }
+                }), null);
+                insert(_el$2, (() => {
+                  var _c$ = memo(() => !!s.description);
+                  return () => _c$() && createComponent(index_default.Description, {
+                    get ["class"]() {
+                      return classMerge("text-muted-foreground", s.descriptionClass);
+                    },
+                    get children() {
+                      return s.description;
+                    }
+                  });
+                })(), null);
+                insert(_el$, createComponent(index_default.Close, {
+                  get ["class"]() {
+                    return buttonCvaIconOnly(buttonVariant.outline, false, false);
+                  },
+                  get title() {
+                    return texts.closeDialog;
+                  },
+                  get children() {
+                    return createComponent(Icon, {
+                      path: mdiClose,
+                      get ["class"]() {
+                        return buttonIconCva(buttonVariant.outline, "");
+                      }
+                    });
+                  }
+                }), null);
+                return _el$;
+              })(), memo(() => s.children)];
+            }
+          })];
+        }
+      })];
+    }
+  });
+};
+export {
+  CorvuDialogIcon
+};
+//# sourceMappingURL=CorvuDialogIcon.js.map

package/dist/interactive/dialog/CorvuDialogIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorvuDialogIcon.js","sources":["../../../lib/interactive/dialog/CorvuDialogIcon.tsx"],"sourcesContent":["import Dialog from \"@corvu/dialog\"\nimport { mdiClose } from \"@mdi/js\"\nimport { splitProps, type Component, type ComponentProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCvaIconOnly, buttonVariant, type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport type { CorcuDialogTexts } from \"~ui/interactive/dialog/CorcuDialogTexts\"\nimport { corvuDialogTextDefault } from \"~ui/interactive/dialog/CorcuDialogTexts\"\nimport { classesDialogContentMerge, classesDialogOverlayMerge } from \"~ui/interactive/dialog/classesDialogContent\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport type { HasIcon } from \"~ui/utils/HasIcon\"\nimport type { HasTitle } from \"~ui/utils/HasTitle\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\nimport { isLoading, type MayHaveIsLoading } from \"~ui/utils/MayHaveIsLoading\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport interface CorvuDialogIconProps\n  extends Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasIcon,\n    HasTitle,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveIsLoading {\n  dialogTitle: string\n  description?: string\n  titleClass?: string\n  descriptionClass?: string\n  texts?: CorcuDialogTexts\n}\n\nexport const CorvuDialogIcon: Component<CorvuDialogIconProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // state\n    \"isLoading\",\n    \"disabled\",\n    // icons\n    \"title\",\n    \"icon\",\n    \"iconClass\",\n    // dialog\n    \"innerClass\",\n    \"children\",\n    \"dialogTitle\",\n    \"description\",\n    \"titleClass\",\n    \"descriptionClass\",\n    \"texts\",\n  ])\n\n  const texts = s.texts ?? corvuDialogTextDefault\n\n  return (\n    <Dialog>\n      <Dialog.Trigger\n        class={buttonCvaIconOnly(s.variant, isLoading(p), s.disabled, classesButtonClickAnimation, s.class)}\n        title={s.title}\n        {...rest}\n      >\n        <Icon\n          path={s.icon}\n          class={buttonIconCva(\n            s.variant,\n            isLoading(p) && \"animate-spin-faster\",\n            s.disabled && classesDisabledDirectly,\n            s.iconClass,\n          )}\n        />\n      </Dialog.Trigger>\n      <Dialog.Portal>\n        <Dialog.Overlay class={classesDialogOverlayMerge()} />\n        <Dialog.Content class={classesDialogContentMerge(s.innerClass)}>\n          <header class=\"flex items-start justify-between mb-4\">\n            <div>\n              <Dialog.Label class={classMerge(\"text-lg font-semibold\", s.titleClass)}>{s.dialogTitle}</Dialog.Label>\n              {s.description && (\n                <Dialog.Description class={classMerge(\"text-muted-foreground\", s.descriptionClass)}>\n                  {s.description}\n                </Dialog.Description>\n              )}\n            </div>\n            <Dialog.Close class={buttonCvaIconOnly(buttonVariant.outline, false, false)} title={texts.closeDialog}>\n              <Icon path={mdiClose} class={buttonIconCva(buttonVariant.outline, \"\")} />\n            </Dialog.Close>\n          </header>\n          {s.children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],"names":["CorvuDialogIcon","p","s","rest","splitProps","texts","corvuDialogTextDefault","_$createComponent","Dialog","children","Trigger","_$mergeProps","buttonCvaIconOnly","variant","isLoading","disabled","classesButtonClickAnimation","class","title","Icon","path","icon","buttonIconCva","classesDisabledDirectly","iconClass","Portal","Overlay","classesDialogOverlayMerge","Content","classesDialogContentMerge","innerClass","_el$","_tmpl$","_el$2","firstChild","_$insert","Label","classMerge","titleClass","dialogTitle","_c$","_$memo","description","Description","descriptionClass","Close","buttonVariant","outline","closeDialog","mdiClose"],"mappings":"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"}

package/dist/interactive/dialog/classesDialogContent.d.ts

@@ -0,0 +1,5 @@
+export declare const classesDialogContent: string[];
+export declare const classesDialogOverlay: string[];
+export declare function classesDialogContentMerge(innerClass?: string): string;
+export declare function classesDialogOverlayMerge(innerClass?: string): string;
+//# sourceMappingURL=classesDialogContent.d.ts.map

package/dist/interactive/dialog/classesDialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesDialogContent.d.ts","sourceRoot":"","sources":["../../../lib/interactive/dialog/classesDialogContent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,UAWhC,CAAA;AAED,eAAO,MAAM,oBAAoB,UAKhC,CAAA;AAED,wBAAgB,yBAAyB,CAAC,UAAU,CAAC,EAAE,MAAM,UAE5D;AAED,wBAAgB,yBAAyB,CAAC,UAAU,CAAC,EAAE,MAAM,UAE5D"}

package/dist/interactive/dialog/classesDialogContent.js

@@ -0,0 +1,45 @@
+import { classMerge } from "../../utils/classMerge.js";
+const classesDialogContent = [
+  "z-50",
+  // positioning
+  "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+  // centering
+  // "w-full max-w-lg", // sizing
+  "max-h-[95vh]",
+  // max height to allow scrolling
+  "overflow-auto",
+  // enable scrolling when content overflows
+  "p-6",
+  // spacing
+  "bg-white dark:bg-gray-900",
+  // background
+  "border border-gray-200 dark:border-gray-700",
+  // border
+  "rounded-lg shadow-lg",
+  // border/shadow
+  "data-open:animate-in data-open:fade-in-50% data-open:zoom-in-95% data-closed:animate-out data-closed:fade-out-50% data-closed:zoom-out-95%"
+  // animations
+];
+const classesDialogOverlay = [
+  "fixed inset-0",
+  // positioning
+  "z-40",
+  // positioning
+  "bg-black/50",
+  // background
+  "data-open:animate-in data-open:fade-in-50% data-closed:animate-out data-closed:fade-out-50%"
+  // animations
+];
+function classesDialogContentMerge(innerClass) {
+  return classMerge(classesDialogContent, innerClass);
+}
+function classesDialogOverlayMerge(innerClass) {
+  return classMerge(classesDialogOverlay, innerClass);
+}
+export {
+  classesDialogContent,
+  classesDialogContentMerge,
+  classesDialogOverlay,
+  classesDialogOverlayMerge
+};
+//# sourceMappingURL=classesDialogContent.js.map

package/dist/interactive/dialog/classesDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesDialogContent.js","sources":["../../../lib/interactive/dialog/classesDialogContent.ts"],"sourcesContent":["import { classMerge } from \"~ui/utils/classMerge\"\n\nexport const classesDialogContent = [\n  \"z-50\", // positioning\n  \"fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\", // centering\n  // \"w-full max-w-lg\", // sizing\n  \"max-h-[95vh]\", // max height to allow scrolling\n  \"overflow-auto\", // enable scrolling when content overflows\n  \"p-6\", // spacing\n  \"bg-white dark:bg-gray-900\", // background\n  \"border border-gray-200 dark:border-gray-700\", // border\n  \"rounded-lg shadow-lg\", // border/shadow\n  \"data-open:animate-in data-open:fade-in-50% data-open:zoom-in-95% data-closed:animate-out data-closed:fade-out-50% data-closed:zoom-out-95%\", // animations\n]\n\nexport const classesDialogOverlay = [\n  \"fixed inset-0\", // positioning\n  \"z-40\", // positioning\n  \"bg-black/50\", // background\n  \"data-open:animate-in data-open:fade-in-50% data-closed:animate-out data-closed:fade-out-50%\", // animations\n]\n\nexport function classesDialogContentMerge(innerClass?: string) {\n  return classMerge(classesDialogContent, innerClass)\n}\n\nexport function classesDialogOverlayMerge(innerClass?: string) {\n  return classMerge(classesDialogOverlay, innerClass)\n}\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,EACA;AAAA;AAAA;AAAA,EAEA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEO,SAAS,0BAA0B,YAAqB;AAC7D,SAAO,WAAW,sBAAsB,UAAU;AACpD;AAEO,SAAS,0BAA0B,YAAqB;AAC7D,SAAO,WAAW,sBAAsB,UAAU;AACpD;"}

package/dist/interactive/layout/SidebarLayout.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'solid-js';
+import { SignalObject } from '../../utils/createSignalObject';
+import { MayHaveClassAndChildren } from '../../utils/MayHaveClassAndChildren';
+export interface SidebarLayoutProps extends MayHaveClassAndChildren {
+    isOpenSignal?: SignalObject<boolean>;
+    isMobileSignal?: SignalObject<boolean>;
+    sidebar: JSX.Element;
+    navbar?: JSX.Element;
+    children: JSX.Element;
+    navbarClass?: string;
+    sidebarClass?: string;
+}
+export declare function SidebarLayout(p: SidebarLayoutProps): JSX.Element;
+//# sourceMappingURL=SidebarLayout.d.ts.map

package/dist/interactive/layout/SidebarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../lib/interactive/layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAQ,MAAM,UAAU,CAAA;AACpC,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACpF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAEhF,MAAM,WAAW,kBAAmB,SAAQ,uBAAuB;IACjE,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAEtC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,WAAW,CAAC,EAAC,MAAM,CAAA;IACnB,YAAY,CAAC,EAAC,MAAM,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,eAoFlD"}

package/dist/interactive/layout/SidebarLayout.js

@@ -0,0 +1,47 @@
+import { delegateEvents, template, insert, createComponent, effect, className, setAttribute } from "solid-js/web";
+import { Show } from "solid-js";
+import { createSignalObject } from "../../utils/createSignalObject.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 lg:hidden"role=dialog aria-modal=true aria-labelledby=mobile-sidebar-title><button type=button class="fixed inset-0 bg-black bg-opacity-50"aria-label="Close sidebar"></button><aside class="fixed inset-y-0 left-0 w-64 bg-gray-800 text-white flex flex-col transform transition-transform duration-300 ease-in-out">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="flex h-screen bg-gray-100 dark:bg-gray-900"><aside></aside><div class="flex-1 flex flex-col"><header class="bg-white dark:bg-gray-800 shadow-sm p-4 flex items-center justify-between"><button type=button aria-label="Open main menu"class="lg:hidden p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400"><svg class="w-6 h-6"fill=none stroke=currentColor viewBox="0 0 24 24"><title>Menu</title><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4 6h16M4 12h16M4 18h16"></path></svg></button><button type=button class="hidden lg:block p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400 cursor-pointer"><svg class="w-6 h-6"fill=none stroke=currentColor viewBox="0 0 24 24"><title>Toggle sidebar</title><path stroke-linecap=round stroke-linejoin=round stroke-width=2></path></svg></button></header><main class="flex-1 p-4 overflow-y-auto">`);
+function SidebarLayout(p) {
+  const localOpen = p.isOpenSignal ?? createSignalObject(false);
+  const localMobile = p.isMobileSignal ?? createSignalObject(false);
+  const toggleMobile = () => localOpen.set(!localOpen.get());
+  return (() => {
+    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$7.nextSibling;
+    insert(_el$2, () => p.sidebar);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return localMobile.get();
+      },
+      get children() {
+        var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        _el$4.$$click = toggleMobile;
+        insert(_el$5, () => p.sidebar);
+        return _el$3;
+      }
+    }), _el$6);
+    _el$8.$$click = toggleMobile;
+    _el$9.$$click = () => localOpen.set(!localOpen.get());
+    insert(_el$7, () => p.navbar, null);
+    insert(_el$11, () => p.children);
+    effect((_p$) => {
+      var _v$ = `hidden lg:flex flex-col bg-gray-800 text-white transition-all duration-300 ease-in-out ${localOpen.get() ? "w-64" : "w-20"}`, _v$2 = localMobile.get(), _v$3 = localOpen.get() ? "Collapse sidebar" : "Expand sidebar", _v$4 = localOpen.get() ? "M11 19l-7-7 7-7m8 14l-7-7 7-7" : "M13 5l7 7-7 7M5 5l7 7-7 7";
+      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$8, "aria-expanded", _p$.t = _v$2);
+      _v$3 !== _p$.a && setAttribute(_el$9, "aria-label", _p$.a = _v$3);
+      _v$4 !== _p$.o && setAttribute(_el$10, "d", _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$;
+  })();
+}
+delegateEvents(["click"]);
+export {
+  SidebarLayout
+};
+//# sourceMappingURL=SidebarLayout.js.map

package/dist/interactive/layout/SidebarLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.js","sources":["../../../lib/interactive/layout/SidebarLayout.tsx"],"sourcesContent":["import { JSX, Show } from \"solid-js\"\nimport { createSignalObject, type SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveClassAndChildren } from \"~ui/utils/MayHaveClassAndChildren\"\n\nexport interface SidebarLayoutProps extends MayHaveClassAndChildren {\n  isOpenSignal?: SignalObject<boolean>\n  isMobileSignal?: SignalObject<boolean>\n\n  sidebar: JSX.Element\n  navbar?: JSX.Element\n  children: JSX.Element\n  navbarClass?:string\n  sidebarClass?:string\n}\n\nexport function SidebarLayout(p: SidebarLayoutProps) {\n  const localOpen = p.isOpenSignal ?? createSignalObject(false)\n  const localMobile = p.isMobileSignal ?? createSignalObject(false)\n  const toggleMobile = () => localOpen.set(!localOpen.get())\n\n  return (\n    <div class=\"flex h-screen bg-gray-100 dark:bg-gray-900\">\n      {/* Desktop Sidebar - always present, collapsible on lg+ */}\n      <aside\n        class={`hidden lg:flex flex-col bg-gray-800 text-white transition-all duration-300 ease-in-out ${\n          localOpen.get() ? \"w-64\" : \"w-20\"\n        }`}\n      >\n        {p.sidebar}\n      </aside>\n\n      {/* Mobile Drawer */}\n      <Show when={localMobile.get()}>\n        <div\n          class=\"fixed inset-0 z-50 lg:hidden\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"mobile-sidebar-title\"\n        >\n          {/* Backdrop */}\n          <button\n            type=\"button\"\n            class=\"fixed inset-0 bg-black bg-opacity-50\"\n            onClick={toggleMobile}\n            aria-label=\"Close sidebar\"\n          />\n\n          {/* Mobile Sidebar Panel */}\n          <aside class=\"fixed inset-y-0 left-0 w-64 bg-gray-800 text-white flex flex-col transform transition-transform duration-300 ease-in-out\">\n            {p.sidebar}\n          </aside>\n        </div>\n      </Show>\n\n      {/* Main Content Area */}\n      <div class=\"flex-1 flex flex-col\">\n        {/* Header/Navbar */}\n        <header class=\"bg-white dark:bg-gray-800 shadow-sm p-4 flex items-center justify-between\">\n          {/* Mobile Menu Button */}\n          <button\n            type=\"button\"\n            onClick={toggleMobile}\n            aria-label=\"Open main menu\"\n            aria-expanded={localMobile.get()}\n            class=\"lg:hidden p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400\"\n          >\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <title>Menu</title>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n            </svg>\n          </button>\n\n          {/* Desktop Sidebar Toggle */}\n          <button\n            type=\"button\"\n            onClick={() => localOpen.set(!localOpen.get())}\n            class=\"hidden lg:block p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400 cursor-pointer\"\n            aria-label={localOpen.get() ? \"Collapse sidebar\" : \"Expand sidebar\"}\n          >\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <title>Toggle sidebar</title>\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d={localOpen.get() ? \"M11 19l-7-7 7-7m8 14l-7-7 7-7\" : \"M13 5l7 7-7 7M5 5l7 7-7 7\"}\n              />\n            </svg>\n          </button>\n\n          {/* Custom Navbar Content */}\n          {p.navbar}\n        </header>\n\n        {/* Main Content */}\n        <main class=\"flex-1 p-4 overflow-y-auto\">{p.children}</main>\n      </div>\n    </div>\n  )\n}\n"],"names":["SidebarLayout","p","localOpen","isOpenSignal","createSignalObject","localMobile","isMobileSignal","toggleMobile","set","get","_el$","_tmpl$2","_el$2","firstChild","_el$6","nextSibling","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_$insert","sidebar","_$createComponent","Show","when","children","_el$3","_tmpl$","_el$4","_el$5","$$click","navbar","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","_$className","t","_$setAttribute","a","o","undefined","_$delegateEvents"],"mappings":";;;;AAeO,SAASA,cAAcC,GAAuB;AACnD,QAAMC,YAAYD,EAAEE,gBAAgBC,mBAAmB,KAAK;AAC5D,QAAMC,cAAcJ,EAAEK,kBAAkBF,mBAAmB,KAAK;AAChE,QAAMG,eAAeA,MAAML,UAAUM,IAAI,CAACN,UAAUO,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG,aAAAC,QAAAF,MAAAD,YAAAI,QAAAD,MAAAH,YAAAK,QAAAD,MAAAF,aAAAI,QAAAD,MAAAL,YAAAO,QAAAD,MAAAN,YAAAQ,SAAAD,MAAAL,aAAAO,SAAAN,MAAAD;AAAAQ,WAAAX,OAAA,MAQOX,EAAEuB,OAAO;AAAAD,WAAAb,MAAAe,gBAIXC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEtB,YAAYI,IAAAA;AAAAA,MAAK;AAAA,MAAA,IAAAmB,WAAA;AAAA,YAAAC,QAAAC,OAAAA,GAAAC,QAAAF,MAAAhB,YAAAmB,QAAAD,MAAAhB;AAAAgB,cAAAE,UAWd1B;AAAYgB,eAAAS,OAAA,MAMpB/B,EAAEuB,OAAO;AAAA,eAAAK;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAf,KAAA;AAAAG,UAAAgB,UAYD1B;AAAYW,UAAAe,UAcZ,MAAM/B,UAAUM,IAAI,CAACN,UAAUO,KAAK;AAACc,WAAAP,OAAA,MAgB/Cf,EAAEiC,QAAM,IAAA;AAAAX,WAAAD,QAAA,MAI+BrB,EAAE2B,QAAQ;AAAAO,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MAvE7C,0FACLnC,UAAUO,IAAAA,IAAQ,SAAS,MAAM,IACjC6B,OAqCiBjC,YAAYI,OAAK8B,OAcpBrC,UAAUO,QAAQ,qBAAqB,kBAAgB+B,OAQ5DtC,UAAUO,QAAQ,kCAAkC;AAA2B4B,cAAAD,IAAAK,KAAAC,UAAA9B,OAAAwB,IAAAK,IAAAJ,GAAA;AAAAC,eAAAF,IAAAO,KAAAC,aAAA3B,OAAA,iBAAAmB,IAAAO,IAAAL,IAAA;AAAAC,eAAAH,IAAAS,KAAAD,aAAA1B,OAAA,cAAAkB,IAAAS,IAAAN,IAAA;AAAAC,eAAAJ,IAAAU,KAAAF,aAAAvB,QAAA,KAAAe,IAAAU,IAAAN,IAAA;AAAA,aAAAJ;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAM;AAAAA,MAAAJ,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAArC;AAAAA,EAAA,GAAA;AAclG;AAACsC,eAAA,CAAA,OAAA,CAAA;"}

package/dist/interactive/link/LinkButton.d.ts

@@ -0,0 +1,3 @@
+import { LinkButtonProps } from './LinkButtonProps';
+export declare function LinkButton(p: LinkButtonProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=LinkButton.d.ts.map

package/dist/interactive/link/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/link/LinkButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAG3E,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,kCA+B5C"}

package/dist/interactive/link/LinkButton.js

@@ -0,0 +1,57 @@
+import { template, spread, mergeProps, insert, memo, createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { buttonCva2 } from "../button/buttonCva.js";
+import { buttonIconCva } from "../button/buttonIconCva.js";
+import { Icon } from "../../static/icon/Icon.js";
+var _tmpl$ = /* @__PURE__ */ template(`<a>`);
+function LinkButton(p) {
+  const [s, rest] = splitProps(p, ["class", "href", "variant", "size", "newTab", "isLoading", "icon", "iconRight", "iconClass", "children"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get href() {
+        return s.href;
+      },
+      get ["class"]() {
+        return buttonCva2(
+          s.variant,
+          s.size,
+          "break-all",
+          // line breaks for long links
+          s.class
+        );
+      },
+      get target() {
+        return s.newTab ? "_blank" : void 0;
+      }
+    }, 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$;
+  })();
+}
+export {
+  LinkButton
+};
+//# sourceMappingURL=LinkButton.js.map

package/dist/interactive/link/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.js","sources":["../../../lib/interactive/link/LinkButton.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\"\nimport { buttonCva2 } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport type { LinkButtonProps } from \"~ui/interactive/link/LinkButtonProps\"\nimport { Icon } from \"~ui/static/icon/Icon\"\n\nexport function LinkButton(p: LinkButtonProps) {\n  const [s, rest] = splitProps(p, [\n    \"class\",\n    \"href\",\n    \"variant\",\n    \"size\",\n    \"newTab\",\n    \"isLoading\",\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    \"children\",\n  ])\n  return (\n    <a\n      href={s.href}\n      class={buttonCva2(\n        s.variant,\n        s.size,\n        \"break-all\", // line breaks for long links\n        s.class,\n      )}\n      target={s.newTab ? \"_blank\" : undefined}\n      // disabled={disabled}\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    </a>\n  )\n}\n"],"names":["LinkButton","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","href","buttonCva2","variant","size","class","target","newTab","undefined","_$insert","_c$","_$memo","icon","_$createComponent","Icon","path","buttonIconCva","children","iconClass","_c$2","iconRight"],"mappings":";;;;;;AAMO,SAASA,WAAWC,GAAoB;AAC7C,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAC9B,SACA,QACA,WACA,QACA,UACA,aACA,QACA,aACA,aACA,UAAU,CACX;AACD,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,IAEIC,OAAI;AAAA,eAAEP,EAAEO;AAAAA,MAAI;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACLC;AAAAA,UACLR,EAAES;AAAAA,UACFT,EAAEU;AAAAA,UACF;AAAA;AAAA,UACAV,EAAEW;AAAAA,QAAAA;AAAAA,MACH;AAAA,MAAA,IACDC,SAAM;AAAA,eAAEZ,EAAEa,SAAS,WAAWC;AAAAA,MAAS;AAAA,IAAA,GAEnCb,IAAI,GAAA,OAAA,IAAA;AAAAc,WAAAZ,OAAA,MAAA;AAAA,UAAAa,MAAAC,KAAA,MAAA,CAAA,CAEPjB,EAAEkB,IAAI;AAAA,aAAA,MAANF,IAAAA,KAAAG,gBAAWC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAErB,EAAEkB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASI,cAActB,EAAES,SAAST,EAAEuB,YAAY,QAAQvB,EAAEwB,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAAT,WAAAZ,MAAA,MACpGH,EAAEuB,UAAQ,IAAA;AAAAR,WAAAZ,OAAA,MAAA;AAAA,UAAAsB,OAAAR,KAAA,MAAA,CAAA,CACVjB,EAAE0B,SAAS;AAAA,aAAA,MAAXD,KAAAA,KAAAN,gBAAgBC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAErB,EAAE0B;AAAAA,QAAS;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASJ,cAActB,EAAES,SAAST,EAAEuB,YAAY,QAAQvB,EAAEwB,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAArB;AAAAA,EAAA,GAAA;AAGrH;"}

package/dist/interactive/link/LinkButtonIconOnly.d.ts

@@ -0,0 +1,3 @@
+import { LinkButtonProps } from './LinkButtonProps';
+export declare function LinkButtonIconOnly(p: LinkButtonProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=LinkButtonIconOnly.d.ts.map

package/dist/interactive/link/LinkButtonIconOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../lib/interactive/link/LinkButtonIconOnly.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAI3E,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,eAAe,kCAiCpD"}

package/dist/interactive/link/LinkButtonIconOnly.js

@@ -0,0 +1,61 @@
+import { template, spread, mergeProps, insert, memo, createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { buttonCvaIconOnly } from "../button/buttonCva.js";
+import { buttonIconCva } from "../button/buttonIconCva.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { isLoading } from "../../utils/MayHaveIsLoading.js";
+var _tmpl$ = /* @__PURE__ */ template(`<a>`);
+function LinkButtonIconOnly(p) {
+  const [s, rest] = splitProps(p, ["class", "href", "variant", "size", "newTab", "isLoading", "icon", "iconRight", "iconClass", "children"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get href() {
+        return s.href;
+      },
+      get ["class"]() {
+        return buttonCvaIconOnly(
+          s.variant,
+          isLoading(p),
+          false,
+          classesButtonClickAnimation,
+          "break-all",
+          // line breaks for long links
+          s.class
+        );
+      },
+      get target() {
+        return s.newTab ? "_blank" : void 0;
+      }
+    }, 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$;
+  })();
+}
+export {
+  LinkButtonIconOnly
+};
+//# sourceMappingURL=LinkButtonIconOnly.js.map

package/dist/interactive/link/LinkButtonIconOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButtonIconOnly.js","sources":["../../../lib/interactive/link/LinkButtonIconOnly.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\"\nimport { buttonCvaIconOnly } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport type { LinkButtonProps } from \"~ui/interactive/link/LinkButtonProps\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport { isLoading } from \"~ui/utils/MayHaveIsLoading\"\n\nexport function LinkButtonIconOnly(p: LinkButtonProps) {\n  const [s, rest] = splitProps(p, [\n    \"class\",\n    \"href\",\n    \"variant\",\n    \"size\",\n    \"newTab\",\n    \"isLoading\",\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    \"children\",\n  ])\n  return (\n    <a\n      href={s.href}\n      class={buttonCvaIconOnly(\n        s.variant,\n        isLoading(p),\n        false,\n        classesButtonClickAnimation,\n        \"break-all\", // line breaks for long links\n        s.class,\n      )}\n      target={s.newTab ? \"_blank\" : undefined}\n      // disabled={disabled}\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    </a>\n  )\n}\n"],"names":["LinkButtonIconOnly","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","href","buttonCvaIconOnly","variant","isLoading","classesButtonClickAnimation","class","target","newTab","undefined","_$insert","_c$","_$memo","icon","_$createComponent","Icon","path","buttonIconCva","children","iconClass","_c$2","iconRight"],"mappings":";;;;;;;;AAQO,SAASA,mBAAmBC,GAAoB;AACrD,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAC9B,SACA,QACA,WACA,QACA,UACA,aACA,QACA,aACA,aACA,UAAU,CACX;AACD,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,IAEIC,OAAI;AAAA,eAAEP,EAAEO;AAAAA,MAAI;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACLC;AAAAA,UACLR,EAAES;AAAAA,UACFC,UAAUX,CAAC;AAAA,UACX;AAAA,UACAY;AAAAA,UACA;AAAA;AAAA,UACAX,EAAEY;AAAAA,QAAAA;AAAAA,MACH;AAAA,MAAA,IACDC,SAAM;AAAA,eAAEb,EAAEc,SAAS,WAAWC;AAAAA,MAAS;AAAA,IAAA,GAEnCd,IAAI,GAAA,OAAA,IAAA;AAAAe,WAAAb,OAAA,MAAA;AAAA,UAAAc,MAAAC,KAAA,MAAA,CAAA,CAEPlB,EAAEmB,IAAI;AAAA,aAAA,MAANF,IAAAA,KAAAG,gBAAWC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEtB,EAAEmB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASI,cAAcvB,EAAES,SAAST,EAAEwB,YAAY,QAAQxB,EAAEyB,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAAT,WAAAb,MAAA,MACpGH,EAAEwB,UAAQ,IAAA;AAAAR,WAAAb,OAAA,MAAA;AAAA,UAAAuB,OAAAR,KAAA,MAAA,CAAA,CACVlB,EAAE2B,SAAS;AAAA,aAAA,MAAXD,KAAAA,KAAAN,gBAAgBC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEtB,EAAE2B;AAAAA,QAAS;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASJ,cAAcvB,EAAES,SAAST,EAAEwB,YAAY,QAAQxB,EAAEyB,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAAtB;AAAAA,EAAA,GAAA;AAGrH;"}