@adaptive-ds/solid-ui 0.13.1 → 0.15.0

package/dist/interactive/popover/CorvuPopover.js

@@ -1,56 +1,65 @@
-import { createComponent, memo } from "solid-js/web";
-import src_default from "../../node_modules/@corvu/popover/dist/index.js";
-import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
 import { buttonCva2 } from "../button/buttonCva.js";
+import "../../classes/classesDisabledDirectly.js";
 import { buttonIconCva } from "../button/buttonIconCva.js";
-import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
-import { classesPopoverContentMerge } from "./classesPopoverContent.js";
 import { Icon } from "../../static/icon/Icon.js";
+import { classesPopoverContentMerge } from "./classesPopoverContent.js";
+import { src_default } from "../../node_modules/@corvu/popover/dist/index.js";
+import { createComponent, memo } from "solid-js/web";
+//#region ui/interactive/popover/CorvuPopover.tsx
 function CorvuPopover(p) {
-  return createComponent(src_default, {
-    floatingOptions: {
-      offset: 8,
-      flip: true,
-      shift: true
-    },
-    get children() {
-      return [createComponent(src_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(src_default.Portal, {
-        get children() {
-          return createComponent(src_default.Content, {
-            get ["class"]() {
-              return classesPopoverContentMerge(p.innerClass);
-            },
-            get children() {
-              return p.children;
-            }
-          });
-        }
-      })];
-    }
-  });
+	return createComponent(src_default, {
+		floatingOptions: {
+			offset: 8,
+			flip: true,
+			shift: true
+		},
+		get open() {
+			return p.open;
+		},
+		get onOpenChange() {
+			return p.onOpenChange;
+		},
+		get children() {
+			return [createComponent(src_default.Trigger, {
+				get ["class"]() {
+					return buttonCva2(p.variant, p.size, classesButtonClickAnimation, (p.disabled || p.isDisabled?.()) && "cursor-not-allowed opacity-70", 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(src_default.Portal, { get children() {
+				return createComponent(src_default.Content, {
+					get ["class"]() {
+						return classesPopoverContentMerge(p.innerClass);
+					},
+					get children() {
+						return p.children;
+					}
+				});
+			} })];
+		}
+	});
 }
-export {
-  CorvuPopover
-};
-//# sourceMappingURL=CorvuPopover.js.map
+//#endregion
+export { CorvuPopover };
+
+//# sourceMappingURL=CorvuPopover.js.map

package/dist/interactive/popover/CorvuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"CorvuPopover.js","sources":["../../../lib/interactive/popover/CorvuPopover.tsx"],"sourcesContent":["import Popover from \"@corvu/popover\"\nimport type { JSX } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCva2 } 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 { classesPopoverContentMerge } from \"~ui/interactive/popover/classesPopoverContent\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CorvuPopoverProps extends MayHaveClass, MayHaveInnerClass, MayHaveChildren, ButtonIcon1Props {\n  // buttonProps: ButtonIcon1Props\n  buttonChildren?: JSX.Element\n}\n\nexport function CorvuPopover(p: CorvuPopoverProps) {\n  // const [a, buttonProps] = splitProps(p.buttonProps, [\"onClick\"])\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n    >\n      <Popover.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      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(p.innerClass)}>{p.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"names":["CorvuPopover","p","_$createComponent","Popover","floatingOptions","offset","flip","shift","children","Trigger","buttonCva2","variant","size","classesButtonClickAnimation","disabled","isDisabled","classesDisabledDirectly","class","_$memo","icon","Icon","path","buttonIconCva","buttonChildren","iconClass","iconRight","Portal","Content","classesPopoverContentMerge","innerClass"],"mappings":";;;;;;;;AAkBO,SAASA,aAAaC,GAAsB;AAEjD,SAAAC,gBACGC,aAAO;AAAA,IACNC,iBAAiB;AAAA,MACfC,QAAQ;AAAA,MACRC,MAAM;AAAA,MACNC,OAAO;AAAA,IAAA;AAAA,IACR,IAAAC,WAAA;AAAA,aAAA,CAAAN,gBAEAC,YAAQM,SAAO;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBACPC,WACLT,EAAEU,SACFV,EAAEW,MACFC,8BACCZ,EAAEa,YAAYb,EAAEc,aAAAA,MAAmBC,yBACpCf,EAAEgB,KACJ;AAAA,QAAC;AAAA,QAAA,IAAAT,WAAA;AAAA,iBAAA,CAAAU,KAAA,MAEAA,KAAA,MAAA,CAAA,CAAAjB,EAAEkB,IAAI,EAAA,KAAAjB,gBAAKkB,MAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEpB,EAAEkB;AAAAA,YAAI;AAAA,YAAA,KAAA,OAAA,IAAA;AAAA,qBAASG,cAAcrB,EAAEU,SAASV,EAAEsB,kBAAkB,QAAQtB,EAAEuB,SAAS;AAAA,YAAC;AAAA,UAAA,CAAA,CAAI,GAAAN,KAAA,MAC1GjB,EAAEsB,cAAc,GAAAL,KAAA,MAChBA,aAAAjB,EAAEwB,SAAS,EAAA,KAAAvB,gBACTkB,MAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEpB,EAAEwB;AAAAA,YAAS;AAAA,YAAA,KAAA,OAAA,IAAA;AAAA,qBAASH,cAAcrB,EAAEU,SAASV,EAAEsB,kBAAkB,QAAQtB,EAAEuB,SAAS;AAAA,YAAC;AAAA,UAAA,CAAA,CAClG,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAAtB,gBAEFC,YAAQuB,QAAM;AAAA,QAAA,IAAAlB,WAAA;AAAA,iBAAAN,gBACZC,YAAQwB,SAAO;AAAA,YAAA,KAAA,OAAA,IAAA;AAAA,qBAAQC,2BAA2B3B,EAAE4B,UAAU;AAAA,YAAC;AAAA,YAAA,IAAArB,WAAA;AAAA,qBAAGP,EAAEO;AAAAA,YAAQ;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAIrF;"}
+{"version":3,"file":"CorvuPopover.js","names":["classesDisabledDirectly","buttonCva2","ButtonIcon1Props","buttonIconCva","classesButtonClickAnimation","classesPopoverContentMerge","Icon","MayHaveChildren","MayHaveClass","MayHaveInnerClass","Popover","JSX","CorvuPopoverProps","buttonChildren","Element","open","onOpenChange","CorvuPopover","p","_$createComponent","floatingOptions","offset","flip","shift","children","Trigger","class","variant","size","disabled","isDisabled","_$memo","icon","path","iconClass","iconRight","Portal","Content","innerClass"],"sources":["../../../ui/interactive/popover/CorvuPopover.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCva2 } from \"#ui/interactive/button/buttonCva.js\"\nimport type { ButtonIcon1Props } from \"#ui/interactive/button/ButtonIcon1.jsx\"\nimport { buttonIconCva } from \"#ui/interactive/button/buttonIconCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport { classesPopoverContentMerge } from \"#ui/interactive/popover/classesPopoverContent.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 { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport Popover from \"@corvu/popover\"\nimport type { JSX } from \"solid-js\"\n\nexport interface CorvuPopoverProps extends MayHaveClass, MayHaveInnerClass, MayHaveChildren, ButtonIcon1Props {\n  // buttonProps: ButtonIcon1Props\n  buttonChildren?: JSX.Element\n\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nexport function CorvuPopover(p: CorvuPopoverProps) {\n  // const [a, buttonProps] = splitProps(p.buttonProps, [\"onClick\"])\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n      open={p.open}\n      onOpenChange={p.onOpenChange}\n    >\n      <Popover.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      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(p.innerClass)}>{p.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgBiB,aAAaC,GAAsB;AAEjD,QAAAC,gBACGT,aAAO;EACNU,iBAAiB;GACfC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACR;EAAA,IACDR,OAAI;AAAA,UAAEG,EAAEH;;EAAI,IACZC,eAAY;AAAA,UAAEE,EAAEF;;EAAY,IAAAQ,WAAA;AAAA,UAAA,CAAAL,gBAE3BT,YAAQe,SAAO;IAAA,KAAA,WAAA;AAAA,YACPxB,WACLiB,EAAES,SACFT,EAAEU,MACFxB,8BACCc,EAAEW,YAAYX,EAAEY,cAAc,KAAA,iCAC/BZ,EAAEQ,MACH;;IAAA,IAAAF,WAAA;AAAA,YAAA;MAAAO,WAEAA,WAAA,CAAA,CAAAb,EAAEc,KAAI,EAAA,IAAAb,gBAAKb,MAAI;OAAA,IAAC2B,OAAI;AAAA,eAAEf,EAAEc;;OAAI,KAAA,WAAA;AAAA,eAAS7B,cAAce,EAAES,SAAST,EAAEL,kBAAkB,QAAQK,EAAEgB,UAAU;;OAAA,CAAI,CAAA;MAAAH,WAC1Gb,EAAEL,eAAc;MAAAkB,WAChBA,WAAA,CAAA,CAAAb,EAAEiB,UAAS,EAAA,IAAAhB,gBACTb,MAAI;OAAA,IAAC2B,OAAI;AAAA,eAAEf,EAAEiB;;OAAS,KAAA,WAAA;AAAA,eAAShC,cAAce,EAAES,SAAST,EAAEL,kBAAkB,QAAQK,EAAEgB,UAAU;;OAAA,CAClG,CAAA;MAAA;;IAAA,CAAA,EAAAf,gBAEFT,YAAQ0B,QAAM,EAAA,IAAAZ,WAAA;AAAA,WAAAL,gBACZT,YAAQ2B,SAAO;KAAA,KAAA,WAAA;AAAA,aAAQhC,2BAA2Ba,EAAEoB,WAAW;;KAAA,IAAAd,WAAA;AAAA,aAAGN,EAAEM;;KAAQ,CAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/interactive/popover/CorvuPopoverIcon.d.ts

@@ -1,12 +1,14 @@
+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 { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
+import { MayHaveIsLoading } from '#ui/utils/MayHaveIsLoading.js';
 import { Component, ComponentProps } from 'solid-js';
-import { ButtonCvaProps } from '../button/buttonCva';
-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 CorvuPopoverIconProps extends Omit<ComponentProps<"button">, "title">, ButtonCvaProps, HasIcon, HasTitle, MayHaveClass, MayHaveInnerClass, MayHaveChildren, MayHaveIsLoading {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
 export declare const CorvuPopoverIcon: Component<CorvuPopoverIconProps>;
 //# sourceMappingURL=CorvuPopoverIcon.d.ts.map

package/dist/interactive/popover/CorvuPopoverIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorvuPopoverIcon.d.ts","sourceRoot":"","sources":["../../../lib/interactive/popover/CorvuPopoverIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAKzF,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;AAE7E,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,cAAc,EACd,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,gBAAgB;CAAG;AAEvB,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CA8C7D,CAAA"}
+{"version":3,"file":"CorvuPopoverIcon.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/CorvuPopoverIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAK5F,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;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAEhF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,qBACf,SACE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EACvC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,gBAAgB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAmD7D,CAAA"}

package/dist/interactive/popover/CorvuPopoverIcon.js

@@ -1,71 +1,72 @@
-import { createComponent, mergeProps } from "solid-js/web";
-import src_default from "../../node_modules/@corvu/popover/dist/index.js";
-import { splitProps } from "solid-js";
-import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { isLoading } from "../../utils/MayHaveIsLoading.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
 import { buttonCvaIconOnly } from "../button/buttonCva.js";
+import "../../classes/classesDisabledDirectly.js";
 import { buttonIconCva } from "../button/buttonIconCva.js";
-import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
-import { classesPopoverContentMerge } from "./classesPopoverContent.js";
 import { Icon } from "../../static/icon/Icon.js";
-import { isLoading } from "../../utils/MayHaveIsLoading.js";
-const CorvuPopoverIcon = (p) => {
-  const [s, rest] = splitProps(p, [
-    // button
-    "variant",
-    "size",
-    "class",
-    // state
-    "isLoading",
-    "disabled",
-    // icons
-    "title",
-    "icon",
-    "iconClass",
-    // popover
-    "innerClass",
-    "children"
-  ]);
-  return createComponent(src_default, {
-    floatingOptions: {
-      offset: 8,
-      flip: true,
-      shift: true
-    },
-    get children() {
-      return [createComponent(src_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(src_default.Portal, {
-        get children() {
-          return createComponent(src_default.Content, {
-            get ["class"]() {
-              return classesPopoverContentMerge(s.innerClass);
-            },
-            get children() {
-              return s.children;
-            }
-          });
-        }
-      })];
-    }
-  });
-};
-export {
-  CorvuPopoverIcon
+import { classesPopoverContentMerge } from "./classesPopoverContent.js";
+import { src_default } from "../../node_modules/@corvu/popover/dist/index.js";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+//#region ui/interactive/popover/CorvuPopoverIcon.tsx
+var CorvuPopoverIcon = (p) => {
+	const [s, rest] = splitProps(p, [
+		"variant",
+		"size",
+		"class",
+		"isLoading",
+		"disabled",
+		"title",
+		"icon",
+		"iconClass",
+		"innerClass",
+		"children",
+		"open",
+		"onOpenChange"
+	]);
+	return createComponent(src_default, {
+		floatingOptions: {
+			offset: 8,
+			flip: true,
+			shift: true
+		},
+		get open() {
+			return s.open;
+		},
+		get onOpenChange() {
+			return s.onOpenChange;
+		},
+		get children() {
+			return [createComponent(src_default.Trigger, mergeProps$1({
+				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 && "cursor-not-allowed opacity-70", s.iconClass);
+					}
+				});
+			} })), createComponent(src_default.Portal, { get children() {
+				return createComponent(src_default.Content, {
+					get ["class"]() {
+						return classesPopoverContentMerge(s.innerClass);
+					},
+					get children() {
+						return s.children;
+					}
+				});
+			} })];
+		}
+	});
 };
-//# sourceMappingURL=CorvuPopoverIcon.js.map
+//#endregion
+export { CorvuPopoverIcon };
+
+//# sourceMappingURL=CorvuPopoverIcon.js.map

package/dist/interactive/popover/CorvuPopoverIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CorvuPopoverIcon.js","sources":["../../../lib/interactive/popover/CorvuPopoverIcon.tsx"],"sourcesContent":["import Popover from \"@corvu/popover\"\nimport { type Component, type ComponentProps, splitProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCvaIconOnly, type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { classesPopoverContentMerge } from \"~ui/interactive/popover/classesPopoverContent\"\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\"\n\nexport interface CorvuPopoverIconProps\n  extends Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasIcon,\n    HasTitle,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveIsLoading {}\n\nexport const CorvuPopoverIcon: Component<CorvuPopoverIconProps> = (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    // popover\n    \"innerClass\",\n    \"children\",\n  ])\n\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n    >\n      <Popover.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      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(s.innerClass)}>{s.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"names":["CorvuPopoverIcon","p","s","rest","splitProps","_$createComponent","Popover","floatingOptions","offset","flip","shift","children","Trigger","_$mergeProps","buttonCvaIconOnly","variant","isLoading","disabled","classesButtonClickAnimation","class","title","Icon","path","icon","buttonIconCva","classesDisabledDirectly","iconClass","Portal","Content","classesPopoverContentMerge","innerClass"],"mappings":";;;;;;;;;;AAyBO,MAAMA,mBAAsDC,CAAAA,MAAM;AACvE,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAAI,gBACGC,aAAO;AAAA,IACNC,iBAAiB;AAAA,MACfC,QAAQ;AAAA,MACRC,MAAM;AAAA,MACNC,OAAO;AAAA,IAAA;AAAA,IACR,IAAAC,WAAA;AAAA,aAAA,CAAAN,gBAEAC,YAAQM,SAAOC,WAAA;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBACPC,kBAAkBZ,EAAEa,SAASC,UAAUf,CAAC,GAAGC,EAAEe,UAAUC,6BAA6BhB,EAAEiB,KAAK;AAAA,QAAC;AAAA,QAAA,IACnGC,QAAK;AAAA,iBAAElB,EAAEkB;AAAAA,QAAK;AAAA,MAAA,GACVjB,MAAI;AAAA,QAAA,IAAAQ,WAAA;AAAA,iBAAAN,gBAEPgB,MAAI;AAAA,YAAA,IACHC,OAAI;AAAA,qBAAEpB,EAAEqB;AAAAA,YAAI;AAAA,YAAA,KAAA,OAAA,IAAA;AAAA,qBACLC,cACLtB,EAAEa,SACFC,UAAUf,CAAC,KAAK,uBAChBC,EAAEe,YAAYQ,yBACdvB,EAAEwB,SACJ;AAAA,YAAC;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA,GAAArB,gBAGJC,YAAQqB,QAAM;AAAA,QAAA,IAAAhB,WAAA;AAAA,iBAAAN,gBACZC,YAAQsB,SAAO;AAAA,YAAA,KAAA,OAAA,IAAA;AAAA,qBAAQC,2BAA2B3B,EAAE4B,UAAU;AAAA,YAAC;AAAA,YAAA,IAAAnB,WAAA;AAAA,qBAAGT,EAAES;AAAAA,YAAQ;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAIrF;"}
+{"version":3,"file":"CorvuPopoverIcon.js","names":["classesDisabledDirectly","buttonCvaIconOnly","ButtonCvaProps","buttonIconCva","classesButtonClickAnimation","classesPopoverContentMerge","Icon","HasIcon","HasTitle","MayHaveChildren","MayHaveClass","MayHaveInnerClass","isLoading","MayHaveIsLoading","Popover","Component","ComponentProps","splitProps","CorvuPopoverIconProps","Omit","open","onOpenChange","CorvuPopoverIcon","p","s","rest","_$createComponent","floatingOptions","offset","flip","shift","children","Trigger","_$mergeProps","class","variant","disabled","title","path","icon","iconClass","Portal","Content","innerClass"],"sources":["../../../ui/interactive/popover/CorvuPopoverIcon.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCvaIconOnly, 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 { classesPopoverContentMerge } from \"#ui/interactive/popover/classesPopoverContent.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { HasIcon } from \"#ui/utils/HasIcon.js\"\nimport type { HasTitle } from \"#ui/utils/HasTitle.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { isLoading, type MayHaveIsLoading } from \"#ui/utils/MayHaveIsLoading.js\"\nimport Popover from \"@corvu/popover\"\nimport { type Component, type ComponentProps, splitProps } from \"solid-js\"\n\nexport interface CorvuPopoverIconProps\n  extends\n    Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasIcon,\n    HasTitle,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveIsLoading {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nexport const CorvuPopoverIcon: Component<CorvuPopoverIconProps> = (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    // popover\n    \"innerClass\",\n    \"children\",\n    // state\n    \"open\",\n    \"onOpenChange\",\n  ])\n\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n      open={s.open}\n      onOpenChange={s.onOpenChange}\n    >\n      <Popover.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      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(s.innerClass)}>{s.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA6BA,IAAasB,oBAAsDC,MAAM;CACvE,MAAM,CAACC,GAAGC,QAAQR,WAAWM,GAAG;EAE9B;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACD,CAAC;AAEF,QAAAG,gBACGZ,aAAO;EACNa,iBAAiB;GACfC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACR;EAAA,IACDV,OAAI;AAAA,UAAEI,EAAEJ;;EAAI,IACZC,eAAY;AAAA,UAAEG,EAAEH;;EAAY,IAAAU,WAAA;AAAA,UAAA,CAAAL,gBAE3BZ,YAAQkB,SAAOC,aAAA;IAAA,KAAA,WAAA;AAAA,YACPhC,kBAAkBuB,EAAEW,SAASvB,UAAUW,EAAE,EAAEC,EAAEY,UAAUhC,6BAA6BoB,EAAEU,MAAM;;IAAA,IACnGG,QAAK;AAAA,YAAEb,EAAEa;;IAAK,EACVZ,MAAI,EAAA,IAAAM,WAAA;AAAA,WAAAL,gBAEPpB,MAAI;KAAA,IACHgC,OAAI;AAAA,aAAEd,EAAEe;;KAAI,KAAA,WAAA;AAAA,aACLpC,cACLqB,EAAEW,SACFvB,UAAUW,EAAE,IAAI,uBAChBC,EAAEY,YAAAA,iCACFZ,EAAEgB,UACH;;KAAA,CAAA;MAAA,CAAA,CAAA,EAAAd,gBAGJZ,YAAQ2B,QAAM,EAAA,IAAAV,WAAA;AAAA,WAAAL,gBACZZ,YAAQ4B,SAAO;KAAA,KAAA,WAAA;AAAA,aAAQrC,2BAA2BmB,EAAEmB,WAAW;;KAAA,IAAAZ,WAAA;AAAA,aAAGP,EAAEO;;KAAQ,CAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/interactive/popover/InfoPopover.d.ts

@@ -1,5 +1,5 @@
-import { HasChildren } from '../../utils/HasChildren';
-import { MayHaveClass } from '../../utils/MayHaveClass';
+import { HasChildren } from '#ui/utils/HasChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
 export interface InfoPopoverProps extends MayHaveClass, HasChildren {
 }
 export declare function InfoPopover(p: InfoPopoverProps): import("solid-js").JSX.Element;

package/dist/interactive/popover/InfoPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPopover.d.ts","sourceRoot":"","sources":["../../../lib/interactive/popover/InfoPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,EAAE,WAAW;CAAG;AAEtE,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCAa9C"}
+{"version":3,"file":"InfoPopover.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/InfoPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,EAAE,WAAW;CAAG;AAEtE,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCAa9C"}

package/dist/interactive/popover/InfoPopover.js

@@ -1,30 +1,31 @@
-import { createComponent } from "solid-js/web";
-import { mdiInformationOutline } from "@mdi/js";
-import { ttt } from "../../i18n/ttt.js";
 import { buttonSize, buttonVariant } from "../button/buttonCva.js";
+import { ttt } from "../../i18n/ttt.js";
 import { CorvuPopover } from "./CorvuPopover.js";
+import { createComponent } from "solid-js/web";
+import { mdiInformationOutline } from "@mdi/js";
+//#region ui/interactive/popover/InfoPopover.tsx
 function InfoPopover(p) {
-  return createComponent(CorvuPopover, {
-    icon: mdiInformationOutline,
-    iconClass: "size-5 fill-gray-500",
-    get variant() {
-      return buttonVariant.ghost;
-    },
-    get title() {
-      return ttt("More Information");
-    },
-    get size() {
-      return buttonSize.minimal;
-    },
-    get ["class"]() {
-      return p.class ?? "ml-2";
-    },
-    get children() {
-      return p.children;
-    }
-  });
+	return createComponent(CorvuPopover, {
+		icon: mdiInformationOutline,
+		iconClass: "size-5 fill-gray-500",
+		get variant() {
+			return buttonVariant.ghost;
+		},
+		get title() {
+			return ttt("More Information");
+		},
+		get size() {
+			return buttonSize.minimal;
+		},
+		get ["class"]() {
+			return p.class ?? "ml-2";
+		},
+		get children() {
+			return p.children;
+		}
+	});
 }
-export {
-  InfoPopover
-};
-//# sourceMappingURL=InfoPopover.js.map
+//#endregion
+export { InfoPopover };
+
+//# sourceMappingURL=InfoPopover.js.map

package/dist/interactive/popover/InfoPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPopover.js","sources":["../../../lib/interactive/popover/InfoPopover.tsx"],"sourcesContent":["import { mdiInformationOutline } from \"@mdi/js\"\nimport { ttt } from \"~ui/i18n/ttt\"\nimport { buttonSize, buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { CorvuPopover } from \"~ui/interactive/popover/CorvuPopover\"\nimport type { HasChildren } from \"~ui/utils/HasChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface InfoPopoverProps extends MayHaveClass, HasChildren {}\n\nexport function InfoPopover(p: InfoPopoverProps) {\n  return (\n    <CorvuPopover\n      icon={mdiInformationOutline}\n      iconClass=\"size-5 fill-gray-500\"\n      variant={buttonVariant.ghost}\n      title={ttt(\"More Information\")}\n      size={buttonSize.minimal}\n      class={p.class ?? \"ml-2\"}\n    >\n      {p.children}\n    </CorvuPopover>\n  )\n}\n"],"names":["InfoPopover","p","_$createComponent","CorvuPopover","icon","mdiInformationOutline","iconClass","variant","buttonVariant","ghost","title","ttt","size","buttonSize","minimal","class","children"],"mappings":";;;;;AASO,SAASA,YAAYC,GAAqB;AAC/C,SAAAC,gBACGC,cAAY;AAAA,IACXC,MAAMC;AAAAA,IACNC,WAAS;AAAA,IAAA,IACTC,UAAO;AAAA,aAAEC,cAAcC;AAAAA,IAAK;AAAA,IAAA,IAC5BC,QAAK;AAAA,aAAEC,IAAI,kBAAkB;AAAA,IAAC;AAAA,IAAA,IAC9BC,OAAI;AAAA,aAAEC,WAAWC;AAAAA,IAAO;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACjBb,EAAEc,SAAS;AAAA,IAAM;AAAA,IAAA,IAAAC,WAAA;AAAA,aAEvBf,EAAEe;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGjB;"}
+{"version":3,"file":"InfoPopover.js","names":["ttt","buttonSize","buttonVariant","CorvuPopover","HasChildren","MayHaveClass","mdiInformationOutline","InfoPopoverProps","InfoPopover","p","_$createComponent","icon","iconClass","variant","ghost","title","size","minimal","class","children"],"sources":["../../../ui/interactive/popover/InfoPopover.tsx"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\nimport { buttonSize, buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { CorvuPopover } from \"#ui/interactive/popover/CorvuPopover.jsx\"\nimport type { HasChildren } from \"#ui/utils/HasChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { mdiInformationOutline } from \"@mdi/js\"\n\nexport interface InfoPopoverProps extends MayHaveClass, HasChildren {}\n\nexport function InfoPopover(p: InfoPopoverProps) {\n  return (\n    <CorvuPopover\n      icon={mdiInformationOutline}\n      iconClass=\"size-5 fill-gray-500\"\n      variant={buttonVariant.ghost}\n      title={ttt(\"More Information\")}\n      size={buttonSize.minimal}\n      class={p.class ?? \"ml-2\"}\n    >\n      {p.children}\n    </CorvuPopover>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAgBQ,YAAYC,GAAqB;AAC/C,QAAAC,gBACGP,cAAY;EACXQ,MAAML;EACNM,WAAS;EAAA,IACTC,UAAO;AAAA,UAAEX,cAAcY;;EAAK,IAC5BC,QAAK;AAAA,UAAEf,IAAI,mBAAmB;;EAAA,IAC9BgB,OAAI;AAAA,UAAEf,WAAWgB;;EAAO,KAAA,WAAA;AAAA,UACjBR,EAAES,SAAS;;EAAM,IAAAC,WAAA;AAAA,UAEvBV,EAAEU;;EAAQ,CAAA"}

package/dist/interactive/popover/classesPopoverContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classesPopoverContent.d.ts","sourceRoot":"","sources":["../../../lib/interactive/popover/classesPopoverContent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,UASjC,CAAA;AAED,wBAAgB,0BAA0B,CAAC,UAAU,CAAC,EAAE,MAAM,UAE7D"}
+{"version":3,"file":"classesPopoverContent.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/classesPopoverContent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,UASjC,CAAA;AAED,wBAAgB,0BAA0B,CAAC,UAAU,CAAC,EAAE,MAAM,UAE7D"}

package/dist/interactive/popover/classesPopoverContent.js

@@ -1,26 +1,19 @@
 import { classMerge } from "../../utils/classMerge.js";
-const classesPopoverContent = [
-  "z-50",
-  // positioning
-  "max-w-4xl",
-  "px-3 py-3",
-  // spacing
-  "rounded-lg",
-  // border
-  "dark:border",
-  // border
-  "bg-white dark:bg-black",
-  // background
-  "shadow-md",
-  // shadow
-  "data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1"
-  // animations
+//#region ui/interactive/popover/classesPopoverContent.ts
+var classesPopoverContent = [
+	"z-50",
+	"max-w-4xl",
+	"px-3 py-3",
+	"rounded-lg",
+	"dark:border",
+	"bg-white dark:bg-black",
+	"shadow-md",
+	"data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1"
 ];
 function classesPopoverContentMerge(innerClass) {
-  return classMerge(classesPopoverContent, innerClass);
+	return classMerge(classesPopoverContent, innerClass);
 }
-export {
-  classesPopoverContent,
-  classesPopoverContentMerge
-};
-//# sourceMappingURL=classesPopoverContent.js.map
+//#endregion
+export { classesPopoverContent, classesPopoverContentMerge };
+
+//# sourceMappingURL=classesPopoverContent.js.map

package/dist/interactive/popover/classesPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"classesPopoverContent.js","sources":["../../../lib/interactive/popover/classesPopoverContent.ts"],"sourcesContent":["import { classMerge } from \"~ui/utils/classMerge\"\n\nexport const classesPopoverContent = [\n  \"z-50\", // positioning\n  \"max-w-4xl\",\n  \"px-3 py-3\", // spacing\n  \"rounded-lg\", // border\n  \"dark:border\", // border\n  \"bg-white dark:bg-black\", // background\n  \"shadow-md\", // shadow\n  \"data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1\", // animations\n]\n\nexport function classesPopoverContentMerge(innerClass?: string) {\n  return classMerge(classesPopoverContent, innerClass)\n}\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEO,SAAS,2BAA2B,YAAqB;AAC9D,SAAO,WAAW,uBAAuB,UAAU;AACrD;"}
+{"version":3,"file":"classesPopoverContent.js","names":[],"sources":["../../../ui/interactive/popover/classesPopoverContent.ts"],"sourcesContent":["import { classMerge } from \"#ui/utils/classMerge.js\"\n\nexport const classesPopoverContent = [\n  \"z-50\", // positioning\n  \"max-w-4xl\",\n  \"px-3 py-3\", // spacing\n  \"rounded-lg\", // border\n  \"dark:border\", // border\n  \"bg-white dark:bg-black\", // background\n  \"shadow-md\", // shadow\n  \"data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1\", // animations\n]\n\nexport function classesPopoverContentMerge(innerClass?: string) {\n  return classMerge(classesPopoverContent, innerClass)\n}\n"],"mappings":";;AAEA,IAAa,wBAAwB;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,2BAA2B,YAAqB;AAC9D,QAAO,WAAW,uBAAuB,WAAW"}

package/dist/interactive/sidebar/Sidebar.d.ts

@@ -0,0 +1,16 @@
+import { CorcuDialogTexts } from '#ui/interactive/dialog/CorcuDialogTexts.js';
+import { SidebarState } from '#ui/interactive/sidebar/SidebarState.jsx';
+import { HasChildren } from '#ui/utils/HasChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+export interface SidebarProps extends HasChildren, MayHaveClass {
+    state: SidebarState;
+    defaultWidth?: number;
+    debounceMs?: number;
+    title: string;
+    description?: string;
+    titleClass?: string;
+    descriptionClass?: string;
+    texts?: CorcuDialogTexts;
+}
+export declare function Sidebar(p: SidebarProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/interactive/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAA;AAElF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAI7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,YAAY;IAC7D,KAAK,EAAE,YAAY,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,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,OAAO,CAAC,CAAC,EAAE,YAAY,kCAuBtC"}

package/dist/interactive/sidebar/Sidebar.js

@@ -0,0 +1,46 @@
+import { SidebarMobileDrawer } from "./SidebarMobileDrawer.js";
+import { Show, onMount, splitProps } from "solid-js";
+import { createComponent, memo, mergeProps as mergeProps$1 } from "solid-js/web";
+import { debounce } from "@solid-primitives/scheduled";
+//#region ui/interactive/sidebar/Sidebar.tsx
+function Sidebar(p) {
+	const [s, rest] = splitProps(p, [
+		"state",
+		"defaultWidth",
+		"debounceMs",
+		"children",
+		"class"
+	]);
+	onMount(() => {
+		const checkMobile = debounce(() => p.state.isMobile.set(window.innerWidth < (p.defaultWidth ?? 768)), p.debounceMs ?? 200);
+		checkMobile();
+		window.addEventListener("resize", checkMobile);
+		return () => window.removeEventListener("resize", checkMobile);
+	});
+	return [createComponent(Show, {
+		get when() {
+			return memo(() => !!!p.state.isMobile.get())() && p.state.openDesktop.get();
+		},
+		get children() {
+			return p.children;
+		}
+	}), createComponent(Show, {
+		get when() {
+			return p.state.isMobile.get();
+		},
+		get children() {
+			return createComponent(SidebarMobileDrawer, mergeProps$1(rest, {
+				get open() {
+					return p.state.openMobile;
+				},
+				get children() {
+					return p.children;
+				}
+			}));
+		}
+	})];
+}
+//#endregion
+export { Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map

package/dist/interactive/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","names":["CorcuDialogTexts","SidebarMobileDrawer","SidebarState","HasChildren","MayHaveClass","debounce","onMount","Show","splitProps","SidebarProps","state","defaultWidth","debounceMs","title","description","titleClass","descriptionClass","texts","Sidebar","p","s","rest","checkMobile","isMobile","set","window","innerWidth","addEventListener","removeEventListener","_$createComponent","when","_$memo","get","openDesktop","children","_$mergeProps","open","openMobile"],"sources":["../../../ui/interactive/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CorcuDialogTexts } from \"#ui/interactive/dialog/CorcuDialogTexts.js\"\nimport { SidebarMobileDrawer } from \"#ui/interactive/sidebar/SidebarMobileDrawer.jsx\"\nimport type { SidebarState } from \"#ui/interactive/sidebar/SidebarState.jsx\"\nimport type { HasChildren } from \"#ui/utils/HasChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { debounce } from \"@solid-primitives/scheduled\"\nimport { onMount, Show, splitProps } from \"solid-js\"\n\nexport interface SidebarProps extends HasChildren, MayHaveClass {\n  state: SidebarState\n  defaultWidth?: number\n  debounceMs?: number\n\n  //\n  // props for mobile dialog\n  //\n  title: string\n  description?: string\n  titleClass?: string\n  descriptionClass?: string\n  texts?: CorcuDialogTexts\n}\n\nexport function Sidebar(p: SidebarProps) {\n  const [s, rest] = splitProps(p, [\"state\", \"defaultWidth\", \"debounceMs\", \"children\", \"class\"])\n\n  onMount(() => {\n    const checkMobile = debounce(\n      () => p.state.isMobile.set(window.innerWidth < (p.defaultWidth ?? 768)),\n      p.debounceMs ?? 200,\n    )\n    checkMobile()\n    window.addEventListener(\"resize\", checkMobile)\n    return () => window.removeEventListener(\"resize\", checkMobile)\n  })\n\n  return (\n    <>\n      <Show when={!p.state.isMobile.get() && p.state.openDesktop.get()}>{p.children}</Show>\n      <Show when={p.state.isMobile.get()}>\n        <SidebarMobileDrawer {...rest} open={p.state.openMobile}>\n          {p.children}\n        </SidebarMobileDrawer>\n      </Show>\n    </>\n  )\n}\n"],"mappings":";;;;;AAuBA,SAAgBkB,QAAQC,GAAiB;CACvC,MAAM,CAACC,GAAGC,QAAQb,WAAWW,GAAG;EAAC;EAAS;EAAgB;EAAc;EAAY;EAAQ,CAAC;AAE7Fb,eAAc;EACZ,MAAMgB,cAAcjB,eACZc,EAAET,MAAMa,SAASC,IAAIC,OAAOC,cAAcP,EAAER,gBAAgB,KAAK,EACvEQ,EAAEP,cAAc,IACjB;AACDU,eAAa;AACbG,SAAOE,iBAAiB,UAAUL,YAAY;AAC9C,eAAaG,OAAOG,oBAAoB,UAAUN,YAAY;GAC9D;AAEF,QAAA,CAAAO,gBAEKtB,MAAI;EAAA,IAACuB,OAAI;AAAA,UAAEC,WAAA,CAAA,CAAA,CAACZ,EAAET,MAAMa,SAASS,KAAK,CAAA,EAAA,IAAIb,EAAET,MAAMuB,YAAYD,KAAK;;EAAA,IAAAE,WAAA;AAAA,UAAGf,EAAEe;;EAAQ,CAAA,EAAAL,gBAC5EtB,MAAI;EAAA,IAACuB,OAAI;AAAA,UAAEX,EAAET,MAAMa,SAASS,KAAK;;EAAA,IAAAE,WAAA;AAAA,UAAAL,gBAC/B5B,qBAAmBkC,aAAKd,MAAI;IAAA,IAAEe,OAAI;AAAA,YAAEjB,EAAET,MAAM2B;;IAAU,IAAAH,WAAA;AAAA,YACpDf,EAAEe;;IAAQ,CAAA,CAAA;;EAAA,CAAA,CAAA"}

package/dist/interactive/sidebar/SidebarMobileDrawer.d.ts

@@ -0,0 +1,7 @@
+import { CorvuDialogProps } from '#ui/interactive/dialog/CorvuDialog.jsx';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
+export interface SidebarMobileDrawerProps extends Omit<CorvuDialogProps, "open" | "onOpenChange"> {
+    open: SignalObject<boolean>;
+}
+export declare function SidebarMobileDrawer(p: SidebarMobileDrawerProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=SidebarMobileDrawer.d.ts.map

package/dist/interactive/sidebar/SidebarMobileDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarMobileDrawer.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/SidebarMobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAGnE,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/F,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,wBAAwB,kCAU9D"}

package/dist/interactive/sidebar/SidebarMobileDrawer.js

@@ -0,0 +1,21 @@
+import { classMerge } from "../../utils/classMerge.js";
+import { CorvuDialog } from "../dialog/CorvuDialog.js";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+//#region ui/interactive/sidebar/SidebarMobileDrawer.tsx
+function SidebarMobileDrawer(p) {
+	const [s, rest] = splitProps(p, ["open", "class"]);
+	return createComponent(CorvuDialog, mergeProps$1(rest, {
+		get open() {
+			return s.open.get();
+		},
+		onOpenChange: (open) => s.open.set(open),
+		get ["class"]() {
+			return classMerge("hidden", s.class);
+		}
+	}));
+}
+//#endregion
+export { SidebarMobileDrawer };
+
+//# sourceMappingURL=SidebarMobileDrawer.js.map

package/dist/interactive/sidebar/SidebarMobileDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarMobileDrawer.js","names":["CorvuDialog","CorvuDialogProps","classMerge","SignalObject","splitProps","SidebarMobileDrawerProps","Omit","open","SidebarMobileDrawer","p","s","rest","_$createComponent","_$mergeProps","get","onOpenChange","set","class"],"sources":["../../../ui/interactive/sidebar/SidebarMobileDrawer.tsx"],"sourcesContent":["import { CorvuDialog, type CorvuDialogProps } from \"#ui/interactive/dialog/CorvuDialog.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport { splitProps } from \"solid-js\"\n\nexport interface SidebarMobileDrawerProps extends Omit<CorvuDialogProps, \"open\" | \"onOpenChange\"> {\n  open: SignalObject<boolean>\n}\n\nexport function SidebarMobileDrawer(p: SidebarMobileDrawerProps) {\n  const [s, rest] = splitProps(p, [\"open\", \"class\"])\n  return (\n    <CorvuDialog\n      {...rest}\n      open={s.open.get()}\n      onOpenChange={(open) => s.open.set(open)}\n      class={classMerge(\"hidden\", s.class)}\n    />\n  )\n}\n"],"mappings":";;;;;AASA,SAAgBQ,oBAAoBC,GAA6B;CAC/D,MAAM,CAACC,GAAGC,QAAQP,WAAWK,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAClD,QAAAG,gBACGZ,aAAWa,aACNF,MAAI;EAAA,IACRJ,OAAI;AAAA,UAAEG,EAAEH,KAAKO,KAAK;;EAClBC,eAAeR,SAASG,EAAEH,KAAKS,IAAIT,KAAK;EAAA,KAAA,WAAA;AAAA,UACjCL,WAAW,UAAUQ,EAAEO,MAAM;;EAAA,CAAA,CAAA"}