@adaptive-ds/solid-ui 0.11.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon1.js","sources":["../../../lib/interactive/button/ButtonIcon1.tsx"],"sourcesContent":["import { type Accessor, type Component, type ComponentProps, splitProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCva2, type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface ButtonIcon1Props extends ComponentProps<\"button\">, ButtonCvaProps, MayHaveClass, MayHaveChildren {\n  // icon\n  icon?: string\n  iconRight?: string\n  iconClass?: string\n  // disabled\n  isDisabled?: Accessor<boolean>\n}\n\nexport const ButtonIcon1: Component<ButtonIcon1Props> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // generic\n    \"class\",\n    \"children\",\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // icon\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    // disabled\n    \"disabled\",\n    \"isDisabled\",\n    \"type\",\n    \"children\",\n    \"onClick\",\n  ])\n  const onClick2 = (e: any) => {\n    if (s.isDisabled?.()) return\n    if (s.disabled) return\n    if (s.onClick) {\n      // @ts-ignore\n      s.onClick(e)\n    }\n  }\n  return (\n    <button\n      class={buttonCva2(\n        s.variant,\n        s.size,\n        classesButtonClickAnimation,\n        (s.disabled || s.isDisabled?.()) && classesDisabledDirectly,\n        s.class,\n      )}\n      onClick={onClick2}\n      aria-disabled={s.isDisabled?.()}\n      type={s.type ?? \"button\"}\n      {...rest}\n    >\n      {s.icon && <Icon path={s.icon} class={buttonIconCva(s.variant, s.children && \"mr-2\", s.iconClass)} />}\n      {s.children}\n      {s.iconRight && <Icon path={s.iconRight} class={buttonIconCva(s.variant, s.children && \"ml-2\", s.iconClass)} />}\n    </button>\n  )\n}\n"],"names":["ButtonIcon1","p","s","rest","splitProps","onClick2","e","isDisabled","disabled","onClick","_el$","_tmpl$","$$click","_$spread","_$mergeProps","buttonCva2","variant","size","classesButtonClickAnimation","classesDisabledDirectly","class","type","_$insert","_c$","_$memo","icon","_$createComponent","Icon","path","buttonIconCva","children","iconClass","_c$2","iconRight","_$delegateEvents"],"mappings":";;;;;;;;AAkBO,MAAMA,cAA4CC,CAAAA,MAAM;AAC7D,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAMI,WAAWA,CAACC,MAAW;AAC3B,QAAIJ,EAAEK,eAAgB;AACtB,QAAIL,EAAEM,SAAU;AAChB,QAAIN,EAAEO,SAAS;AAEbP,QAAEO,QAAQH,CAAC;AAAA,IACb;AAAA,EACF;AACA,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAD,SAAAE,UASaP;AAAQQ,WAAAH,MAAAI,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAPVC,WACLb,EAAEc,SACFd,EAAEe,MACFC,8BACChB,EAAEM,YAAYN,EAAEK,aAAAA,MAAmBY,yBACpCjB,EAAEkB,KACJ;AAAA,MAAC;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eAEclB,EAAEK,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC/Bc,OAAI;AAAA,eAAEnB,EAAEmB,QAAQ;AAAA,MAAQ;AAAA,IAAA,GACpBlB,IAAI,GAAA,OAAA,IAAA;AAAAmB,WAAAZ,OAAA,MAAA;AAAA,UAAAa,MAAAC,KAAA,MAAA,CAAA,CAEPtB,EAAEuB,IAAI;AAAA,aAAA,MAANF,IAAAA,KAAAG,gBAAWC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE1B,EAAEuB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASI,cAAc3B,EAAEc,SAASd,EAAE4B,YAAY,QAAQ5B,EAAE6B,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAAT,WAAAZ,MAAA,MACpGR,EAAE4B,UAAQ,IAAA;AAAAR,WAAAZ,OAAA,MAAA;AAAA,UAAAsB,OAAAR,KAAA,MAAA,CAAA,CACVtB,EAAE+B,SAAS;AAAA,aAAA,MAAXD,KAAAA,KAAAN,gBAAgBC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE1B,EAAE+B;AAAAA,QAAS;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASJ,cAAc3B,EAAEc,SAASd,EAAE4B,YAAY,QAAQ5B,EAAE6B,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAArB;AAAAA,EAAA,GAAA;AAGrH;AAACwB,eAAA,CAAA,OAAA,CAAA;"}

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

@@ -0,0 +1,11 @@
+import { Component, ComponentProps } from 'solid-js';
+import { ButtonCvaProps } from './buttonCva';
+import { HasIcon } from '../../utils/HasIcon';
+import { HasTitle } from '../../utils/HasTitle';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveIsLoading } from '../../utils/MayHaveIsLoading';
+export interface ButtonIconOnlyProps extends Omit<ComponentProps<"button">, "title">, ButtonCvaProps, HasTitle, HasIcon, MayHaveIsLoading, MayHaveChildren {
+    iconRight?: boolean;
+}
+export declare const ButtonIconOnly: Component<ButtonIconOnlyProps>;
+//# sourceMappingURL=ButtonIconOnly.d.ts.map

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

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

package/dist/interactive/button/ButtonIconOnly.js

@@ -0,0 +1,71 @@
+import { template, spread, mergeProps, insert, memo, createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCvaIconOnly } from "./buttonCva.js";
+import { buttonIconCva } from "./buttonIconCva.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { isDisabled } from "../../utils/MayHaveDisabledAccessor.js";
+import { isLoading } from "../../utils/MayHaveIsLoading.js";
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+const ButtonIconOnly = (p) => {
+  const [s, rest] = splitProps(p, [
+    // button
+    "variant",
+    "size",
+    "class",
+    // state
+    "isLoading",
+    // icons
+    "title",
+    "icon",
+    "iconRight",
+    "iconClass",
+    // default
+    "type",
+    "disabled",
+    "children"
+  ]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return buttonCvaIconOnly(s.variant, isLoading(p), isDisabled(p), classesButtonClickAnimation, s.class);
+      },
+      get title() {
+        return s.title;
+      },
+      get type() {
+        return s.type ?? "button";
+      }
+    }, rest), false, true);
+    insert(_el$, (() => {
+      var _c$ = memo(() => !!!s.iconRight);
+      return () => _c$() && createComponent(Icon, {
+        get path() {
+          return s.icon;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.variant, s.children && "mr-2", s.isLoading && "animate-spin-faster", s.disabled && classesDisabledDirectly, 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.icon;
+        },
+        get ["class"]() {
+          return buttonIconCva(s.variant, s.iconClass);
+        }
+      });
+    })(), null);
+    return _el$;
+  })();
+};
+export {
+  ButtonIconOnly
+};
+//# sourceMappingURL=ButtonIconOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconOnly.js","sources":["../../../lib/interactive/button/ButtonIconOnly.tsx"],"sourcesContent":["import { 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 { 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 { isDisabled } from \"~ui/utils/MayHaveDisabledAccessor\"\nimport { isLoading, type MayHaveIsLoading } from \"~ui/utils/MayHaveIsLoading\"\n\nexport interface ButtonIconOnlyProps\n  extends Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasTitle,\n    HasIcon,\n    MayHaveIsLoading,\n    MayHaveChildren {\n  iconRight?: boolean\n}\n\nexport const ButtonIconOnly: Component<ButtonIconOnlyProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // state\n    \"isLoading\",\n    // icons\n    \"title\",\n    \"icon\",\n    \"iconRight\",\n    \"iconClass\",\n    // default\n    \"type\",\n    \"disabled\",\n    \"children\",\n  ])\n  return (\n    <button\n      class={buttonCvaIconOnly(s.variant, isLoading(p), isDisabled(p), classesButtonClickAnimation, s.class)}\n      title={s.title}\n      type={s.type ?? \"button\"}\n      {...rest}\n    >\n      {!s.iconRight && (\n        <Icon\n          path={s.icon}\n          class={buttonIconCva(\n            s.variant,\n            s.children && \"mr-2\",\n            s.isLoading && \"animate-spin-faster\",\n            s.disabled && classesDisabledDirectly,\n            s.iconClass,\n          )}\n        />\n      )}\n      {s.children}\n      {s.iconRight && <Icon path={s.icon} class={buttonIconCva(s.variant, s.iconClass)} />}\n    </button>\n  )\n}\n"],"names":["ButtonIconOnly","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","buttonCvaIconOnly","variant","isLoading","isDisabled","classesButtonClickAnimation","class","title","type","_$insert","_c$","_$memo","iconRight","_$createComponent","Icon","path","icon","buttonIconCva","children","disabled","classesDisabledDirectly","iconClass","_c$2"],"mappings":";;;;;;;;;;AAsBO,MAAMA,iBAAkDC,CAAAA,MAAM;AACnE,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG;AAAA;AAAA,IAE9B;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAEWC,kBAAkBP,EAAEQ,SAASC,UAAUV,CAAC,GAAGW,WAAWX,CAAC,GAAGY,6BAA6BX,EAAEY,KAAK;AAAA,MAAC;AAAA,MAAA,IACtGC,QAAK;AAAA,eAAEb,EAAEa;AAAAA,MAAK;AAAA,MAAA,IACdC,OAAI;AAAA,eAAEd,EAAEc,QAAQ;AAAA,MAAQ;AAAA,IAAA,GACpBb,IAAI,GAAA,OAAA,IAAA;AAAAc,WAAAZ,OAAA,MAAA;AAAA,UAAAa,MAAAC,aAEP,CAACjB,EAAEkB,SAAS;AAAA,aAAA,MAAZF,IAAAA,KAAAG,gBACEC,MAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAErB,EAAEsB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBACLC,cACLvB,EAAEQ,SACFR,EAAEwB,YAAY,QACdxB,EAAES,aAAa,uBACfT,EAAEyB,YAAYC,yBACd1B,EAAE2B,SACJ;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAEJ,GAAA,GAAA,IAAA;AAAAZ,WAAAZ,MAAA,MACAH,EAAEwB,UAAQ,IAAA;AAAAT,WAAAZ,OAAA,MAAA;AAAA,UAAAyB,OAAAX,KAAA,MAAA,CAAA,CACVjB,EAAEkB,SAAS;AAAA,aAAA,MAAXU,KAAAA,KAAAT,gBAAgBC,MAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAErB,EAAEsB;AAAAA,QAAI;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAASC,cAAcvB,EAAEQ,SAASR,EAAE2B,SAAS;AAAA,QAAC;AAAA,MAAA,CAAA;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAAxB;AAAAA,EAAA,GAAA;AAG1F;"}

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

@@ -0,0 +1,31 @@
+export type ButtonVariant = keyof typeof buttonVariant;
+export declare const buttonVariant: {
+    readonly outline: "outline";
+    readonly ghost: "ghost";
+    readonly link: "link";
+    readonly filled: "filled";
+    readonly subtle: "subtle";
+    readonly default: "default";
+    readonly primary: "primary";
+    readonly destructive: "destructive";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly info: "info";
+    readonly error: "error";
+};
+export type ButtonSize = keyof typeof buttonSize;
+export declare const buttonSize: {
+    readonly none: "none";
+    readonly minimal: "minimal";
+    readonly sm: "sm";
+    readonly default: "default";
+    readonly lg: "lg";
+};
+export type ButtonCvaProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+export declare function buttonCva1(variant?: ButtonVariant | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+export declare function buttonCva2(variant?: ButtonVariant | null, size?: ButtonSize | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+export declare function buttonCvaIconOnly(variant: ButtonVariant | undefined, isLoading: boolean | undefined, isDisabled: boolean | undefined, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+//# sourceMappingURL=buttonCva.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/buttonCva.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAA;AACtD,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAiBhB,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAA;AAChD,eAAO,MAAM,UAAU;;;;;;CAMb,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AA4GD,wBAAgB,UAAU,CACxB,OAAO,GAAE,aAAa,GAAG,IAAqB,EAC9C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAG9D;AAED,wBAAgB,UAAU,CACxB,OAAO,GAAE,aAAa,GAAG,IAAqB,EAC9C,IAAI,GAAE,UAAU,GAAG,IAAkB,EACrC,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAK9D;AAWD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,aAAa,GAAG,SAAS,EAClC,SAAS,EAAE,OAAO,GAAG,SAAS,EAC9B,UAAU,EAAE,OAAO,GAAG,SAAS,EAC/B,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAW9D"}

package/dist/interactive/button/buttonCva.js

@@ -0,0 +1,215 @@
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { classesDisabledModifier } from "../../classes/classesDisabledModifier.js";
+import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+const buttonVariant = {
+  // transparent bg
+  outline: "outline",
+  ghost: "ghost",
+  link: "link",
+  // filled black/white/gray
+  filled: "filled",
+  subtle: "subtle",
+  default: "default",
+  // filled colors
+  primary: "primary",
+  destructive: "destructive",
+  warning: "warning",
+  success: "success",
+  info: "info",
+  // outlined colors
+  error: "error"
+};
+const buttonSize = {
+  none: "none",
+  minimal: "minimal",
+  sm: "sm",
+  default: "default",
+  lg: "lg"
+};
+const baseClasses = classArr(
+  "inline-flex",
+  // layout
+  "font-medium",
+  // text
+  "items-center justify-center",
+  // layout children
+  "rounded-md ring-offset-background",
+  // rounded, rings
+  "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  // focus
+  "transition-colors",
+  // animation
+  "group",
+  "cursor-pointer",
+  classesDisabledModifier
+);
+const variantClasses = {
+  //
+  // transparent bg
+  //
+  outline: classArr(
+    "bg-transparent dark:bg-transparent",
+    "dark:text-slate-100",
+    // text
+    "hover:bg-slate-100 dark:hover:bg-slate-900",
+    // bg hover
+    "border border-slate-200 dark:border-stone-500"
+    // border
+  ),
+  ghost: classArr(
+    "dark:text-slate-100 dark:hover:text-slate-100",
+    // text
+    "bg-transparent dark:bg-transparent",
+    // bg
+    "data-[state=open]:bg-transparent dark:data-[state=open]:bg-transparent",
+    // bg data
+    "hover:bg-slate-100 dark:hover:bg-neutral-600"
+    // bg hover
+  ),
+  link: classArr(
+    "text-slate-900 dark:text-slate-100",
+    // text
+    "underline-offset-4 hover:underline ",
+    // underline
+    "bg-transparent dark:bg-transparent",
+    // bg
+    "hover:bg-transparent dark:hover:bg-transparent"
+    // bg hover
+  ),
+  //
+  // filled grayscale
+  //
+  filled: classArr(
+    "dark:text-slate-100",
+    // text
+    "bg-white dark:bg-slate-700",
+    // bg
+    "hover:bg-slate-50 dark:hover:bg-slate-600"
+    // bg hover
+  ),
+  subtle: classArr(
+    "text-slate-900 dark:text-slate-100",
+    // text
+    "bg-slate-100 dark:bg-slate-700",
+    // bg
+    "hover:bg-slate-200 dark:hover:bg-slate-600"
+    // bg hover
+  ),
+  default: classArr(
+    "text-white dark:text-slate-900 dark:hover:text-slate-900",
+    // text
+    "bg-slate-900 dark:bg-slate-50",
+    // bg
+    "hover:bg-slate-700 dark:hover:bg-slate-300"
+    // bg hover
+  ),
+  //
+  // filled colors
+  //
+  primary: classArr(
+    "text-white dark:text-indigo-100 ",
+    // text
+    "bg-indigo-500 dark:bg-indigo-800 ",
+    // bg
+    "hover:bg-indigo-700 dark:hover:bg-indigo-600",
+    // bg hover
+    "focus:ring-indigo-400 dark:focus:ring-indigo-400"
+    // focus
+  ),
+  destructive: classArr(
+    "text-white",
+    // text
+    "bg-red-500 dark:bg-red-700",
+    // bg
+    "hover:bg-red-600 dark:hover:bg-red-600",
+    // bg hover
+    "focus:ring-red-400 dark:focus:ring-red-400"
+    // focus
+  ),
+  warning: classArr(
+    "text-white dark:text-indigo-100 ",
+    // text
+    "bg-yellow-500 dark:bg-yellow-700 ",
+    // bg
+    "hover:bg-yellow-600 dark:hover:bg-yellow-600",
+    // bg hover
+    "focus:ring-yellow-400 dark:focus:ring-yellow-400"
+    // focus
+  ),
+  success: classArr(
+    "text-white",
+    // text
+    "bg-green-500 hover:bg-green-700 dark:hover:bg-green-700",
+    // bg
+    "focus:ring-green-400 dark:focus:ring-green-400"
+    // focus
+  ),
+  info: classArr(
+    "text-white",
+    // text
+    "bg-sky-500 hover:bg-sky-700 dark:hover:bg-sky-700",
+    // bg
+    "focus:ring-sky-400 dark:focus:ring-sky-400"
+    // focus
+  ),
+  //
+  // outline toast colors
+  //
+  error: classArr(
+    "text-destructive dark:text-red-500",
+    // text
+    "border border-red-200 dark:border-red-700",
+    // border
+    "bg-transparent",
+    // bg
+    "hover:bg-red-100 dark:hover:bg-red-950",
+    // bg hover
+    "focus:ring-red-400 dark:focus:ring-red-400"
+    // focus
+  )
+};
+const sizeClasses = {
+  none: "",
+  minimal: "rounded-none",
+  sm: "px-3",
+  default: "py-2 px-3",
+  lg: "px-8 py-4 text-lg"
+};
+const defaultVariant = buttonVariant.default;
+const defaultSize = buttonSize.default;
+function buttonCva1(variant = defaultVariant, ...customClasses) {
+  return buttonCva2(variant, null, ...customClasses);
+}
+function buttonCva2(variant = defaultVariant, size = defaultSize, ...customClasses) {
+  const v = variant ?? defaultVariant;
+  const s = size ?? defaultSize;
+  return classMerge(baseClasses, variantClasses[v], sizeClasses[s], combinedClasses(v, s), customClasses);
+}
+function combinedClasses(variant, size) {
+  const variantGroup1 = variant === buttonVariant.outline || variant === buttonVariant.warning || variant === buttonVariant.error;
+  if (variantGroup1 && size === buttonSize.lg) {
+    return "border-2";
+  }
+  return null;
+}
+function buttonCvaIconOnly(variant, isLoading, isDisabled, ...customClasses) {
+  const classes = buttonCva2(
+    variant,
+    buttonSize.none,
+    classesButtonClickAnimation,
+    "rounded-full p-2",
+    (isDisabled || isLoading) && classesDisabledDirectly,
+    ...customClasses
+  );
+  return classes;
+}
+export {
+  buttonCva1,
+  buttonCva2,
+  buttonCvaIconOnly,
+  buttonSize,
+  buttonVariant
+};
+//# sourceMappingURL=buttonCva.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonCva.js","sources":["../../../lib/interactive/button/buttonCva.ts"],"sourcesContent":["import { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { classesDisabledModifier } from \"~ui/classes/classesDisabledModifier\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport type ButtonVariant = keyof typeof buttonVariant\nexport const buttonVariant = {\n  // transparent bg\n  outline: \"outline\",\n  ghost: \"ghost\",\n  link: \"link\",\n  // filled black/white/gray\n  filled: \"filled\",\n  subtle: \"subtle\",\n  default: \"default\",\n  // filled colors\n  primary: \"primary\",\n  destructive: \"destructive\",\n  warning: \"warning\",\n  success: \"success\",\n  info: \"info\",\n  // outlined colors\n  error: \"error\",\n} as const\n\nexport type ButtonSize = keyof typeof buttonSize\nexport const buttonSize = {\n  none: \"none\",\n  minimal: \"minimal\",\n  sm: \"sm\",\n  default: \"default\",\n  lg: \"lg\",\n} as const\n\nexport type ButtonCvaProps = {\n  variant?: ButtonVariant\n  size?: ButtonSize\n}\n\nconst baseClasses = classArr(\n  \"inline-flex\", // layout\n  \"font-medium\", // text\n  \"items-center justify-center\", // layout children\n  \"rounded-md ring-offset-background\", // rounded, rings\n  \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\", // focus\n  \"transition-colors\", // animation\n  \"group\",\n  \"cursor-pointer\",\n  classesDisabledModifier,\n)\n\nconst variantClasses = {\n  //\n  // transparent bg\n  //\n  outline: classArr(\n    \"bg-transparent dark:bg-transparent\",\n    \"dark:text-slate-100\", // text\n    \"hover:bg-slate-100 dark:hover:bg-slate-900\", // bg hover\n    \"border border-slate-200 dark:border-stone-500\", // border\n  ),\n  ghost: classArr(\n    \"dark:text-slate-100 dark:hover:text-slate-100\", // text\n    \"bg-transparent dark:bg-transparent\", // bg\n    \"data-[state=open]:bg-transparent dark:data-[state=open]:bg-transparent\", // bg data\n    \"hover:bg-slate-100 dark:hover:bg-neutral-600\", // bg hover\n  ),\n  link: classArr(\n    \"text-slate-900 dark:text-slate-100\", // text\n    \"underline-offset-4 hover:underline \", // underline\n    \"bg-transparent dark:bg-transparent\", // bg\n    \"hover:bg-transparent dark:hover:bg-transparent\", // bg hover\n  ),\n  //\n  // filled grayscale\n  //\n  filled: classArr(\n    \"dark:text-slate-100\", // text\n    \"bg-white dark:bg-slate-700\", // bg\n    \"hover:bg-slate-50 dark:hover:bg-slate-600\", // bg hover\n  ),\n  subtle: classArr(\n    \"text-slate-900 dark:text-slate-100\", // text\n    \"bg-slate-100 dark:bg-slate-700\", // bg\n    \"hover:bg-slate-200 dark:hover:bg-slate-600\", // bg hover\n  ),\n  default: classArr(\n    \"text-white dark:text-slate-900 dark:hover:text-slate-900\", // text\n    \"bg-slate-900 dark:bg-slate-50\", // bg\n    \"hover:bg-slate-700 dark:hover:bg-slate-300\", // bg hover\n  ),\n  //\n  // filled colors\n  //\n  primary: classArr(\n    \"text-white dark:text-indigo-100 \", // text\n    \"bg-indigo-500 dark:bg-indigo-800 \", // bg\n    \"hover:bg-indigo-700 dark:hover:bg-indigo-600\", // bg hover\n    \"focus:ring-indigo-400 dark:focus:ring-indigo-400\", // focus\n  ),\n  destructive: classArr(\n    \"text-white\", // text\n    \"bg-red-500 dark:bg-red-700\", // bg\n    \"hover:bg-red-600 dark:hover:bg-red-600\", // bg hover\n    \"focus:ring-red-400 dark:focus:ring-red-400\", // focus\n  ),\n  warning: classArr(\n    \"text-white dark:text-indigo-100 \", // text\n    \"bg-yellow-500 dark:bg-yellow-700 \", // bg\n    \"hover:bg-yellow-600 dark:hover:bg-yellow-600\", // bg hover\n    \"focus:ring-yellow-400 dark:focus:ring-yellow-400\", // focus\n  ),\n  success: classArr(\n    \"text-white\", // text\n    \"bg-green-500 hover:bg-green-700 dark:hover:bg-green-700\", // bg\n    \"focus:ring-green-400 dark:focus:ring-green-400\", // focus\n  ),\n  info: classArr(\n    \"text-white\", // text\n    \"bg-sky-500 hover:bg-sky-700 dark:hover:bg-sky-700\", // bg\n    \"focus:ring-sky-400 dark:focus:ring-sky-400\", // focus\n  ),\n  //\n  // outline toast colors\n  //\n  error: classArr(\n    \"text-destructive dark:text-red-500\", // text\n    \"border border-red-200 dark:border-red-700\", // border\n    \"bg-transparent\", // bg\n    \"hover:bg-red-100 dark:hover:bg-red-950\", // bg hover\n    \"focus:ring-red-400 dark:focus:ring-red-400\", // focus\n  ),\n} as const satisfies Record<ButtonVariant, string>\n\nconst sizeClasses = {\n  none: \"\",\n  minimal: \"rounded-none\",\n  sm: \"px-3\",\n  default: \"py-2 px-3\",\n  lg: \"px-8 py-4 text-lg\",\n} as const satisfies Record<ButtonSize, string>\n\nconst defaultVariant = buttonVariant.default\nconst defaultSize = buttonSize.default\n\nexport function buttonCva1(\n  variant: ButtonVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return buttonCva2(variant, null, ...customClasses)\n}\n\nexport function buttonCva2(\n  variant: ButtonVariant | null = defaultVariant,\n  size: ButtonSize | null = defaultSize,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  const v = variant ?? defaultVariant\n  const s = size ?? defaultSize\n  return classMerge(baseClasses, variantClasses[v], sizeClasses[s], combinedClasses(v, s), customClasses)\n}\n\nfunction combinedClasses(variant: ButtonVariant, size: ButtonSize) {\n  const variantGroup1 =\n    variant === buttonVariant.outline || variant === buttonVariant.warning || variant === buttonVariant.error\n  if (variantGroup1 && size === buttonSize.lg) {\n    return \"border-2\"\n  }\n  return null\n}\n\nexport function buttonCvaIconOnly(\n  variant: ButtonVariant | undefined,\n  isLoading: boolean | undefined,\n  isDisabled: boolean | undefined,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  const classes = buttonCva2(\n    variant,\n    buttonSize.none,\n    classesButtonClickAnimation,\n    \"rounded-full p-2\",\n    (isDisabled || isLoading) && classesDisabledDirectly,\n    ...customClasses,\n  )\n  return classes\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { ButtonVariant } from './buttonCva';
+export declare function buttonIconCva(variant?: ButtonVariant | null, ...customClasses: (string | boolean | undefined | null | 0 | 0n)[]): string;
+//# sourceMappingURL=buttonIconCva.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonIconCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/buttonIconCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,kCAAkC,CAAA;AA+CpF,wBAAgB,aAAa,CAC3B,OAAO,GAAE,aAAa,GAAG,IAAqB,EAC9C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,UAGnE"}

package/dist/interactive/button/buttonIconCva.js

@@ -0,0 +1,54 @@
+import { buttonVariant } from "./buttonCva.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+const classesTextFillBlack = "text-black fill-black";
+const classesTextFillWhite = "text-white fill-white";
+const classesBlackWhite = classArr(
+  classesTextFillBlack,
+  "dark:text-white",
+  // dark text
+  "dark:fill-white"
+  // dark fill
+);
+const classesWhiteWhite = classArr(
+  classesTextFillWhite,
+  "dark:text-white",
+  // dark text
+  "dark:fill-white"
+  // dark fill
+);
+const baseClasses = classArr(
+  "size-6"
+  // size
+);
+const buttonIconClasses = {
+  // transparent bg
+  outline: classesBlackWhite,
+  ghost: classesBlackWhite,
+  link: classesBlackWhite,
+  // filled grayscale
+  filled: classesBlackWhite,
+  subtle: classesBlackWhite,
+  default: classArr(classesTextFillWhite, "dark:text-black dark:fill-black"),
+  // filled colors
+  primary: classArr(classesTextFillWhite, "dark:text-indigo-100 dark:fill-indigo-100"),
+  destructive: classesWhiteWhite,
+  warning: classesWhiteWhite,
+  success: classesWhiteWhite,
+  info: classesWhiteWhite,
+  // outlined colors
+  error: classArr(
+    "text-destructive dark:text-red-700",
+    // text
+    "fill-destructive dark:fill-red-700"
+    // fill
+  )
+};
+const defaultVariant = buttonVariant.default;
+function buttonIconCva(variant = defaultVariant, ...customClasses) {
+  return classMerge(baseClasses, buttonIconClasses[variant ?? defaultVariant], customClasses);
+}
+export {
+  buttonIconCva
+};
+//# sourceMappingURL=buttonIconCva.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonIconCva.js","sources":["../../../lib/interactive/button/buttonIconCva.ts"],"sourcesContent":["import { buttonVariant, type ButtonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nconst classesTextFillBlack = \"text-black fill-black\"\nconst classesTextFillWhite = \"text-white fill-white\"\n\nconst classesBlackWhite = classArr(\n  classesTextFillBlack,\n  \"dark:text-white\", // dark text\n  \"dark:fill-white\", // dark fill\n)\n\nconst classesWhiteWhite = classArr(\n  classesTextFillWhite,\n  \"dark:text-white\", // dark text\n  \"dark:fill-white\", // dark fill\n)\n\nconst baseClasses = classArr(\n  \"size-6\", // size\n)\n\nconst buttonIconClasses = {\n  // transparent bg\n  outline: classesBlackWhite,\n  ghost: classesBlackWhite,\n  link: classesBlackWhite,\n  // filled grayscale\n  filled: classesBlackWhite,\n  subtle: classesBlackWhite,\n  default: classArr(classesTextFillWhite, \"dark:text-black dark:fill-black\"),\n  // filled colors\n  primary: classArr(classesTextFillWhite, \"dark:text-indigo-100 dark:fill-indigo-100\"),\n  destructive: classesWhiteWhite,\n  warning: classesWhiteWhite,\n  success: classesWhiteWhite,\n  info: classesWhiteWhite,\n  // outlined colors\n  error: classArr(\n    \"text-destructive dark:text-red-700\", // text\n    \"fill-destructive dark:fill-red-700\", // fill\n  ),\n} as const satisfies Record<ButtonVariant, string>\n\nconst defaultVariant = buttonVariant.default\n\nexport function buttonIconCva(\n  variant: ButtonVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0 | 0n)[]\n) {\n  return classMerge(baseClasses, buttonIconClasses[variant ?? defaultVariant], customClasses)\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,uBAAuB;AAC7B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA,EAExB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EAEN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS,SAAS,sBAAsB,iCAAiC;AAAA;AAAA,EAEzE,SAAS,SAAS,sBAAsB,2CAA2C;AAAA,EACnF,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAAA,EAEN,OAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAEJ;AAEA,MAAM,iBAAiB,cAAc;AAE9B,SAAS,cACd,UAAgC,mBAC7B,eACH;AACA,SAAO,WAAW,aAAa,kBAAkB,WAAW,cAAc,GAAG,aAAa;AAC5F;"}

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

@@ -0,0 +1,2 @@
+export declare const classesButtonClickAnimation: string;
+//# sourceMappingURL=classesButtonClickAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimation.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/classesButtonClickAnimation.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,QAKvC,CAAA"}

package/dist/interactive/button/classesButtonClickAnimation.js

@@ -0,0 +1,11 @@
+import { classArr } from "../../utils/classArr.js";
+const classesButtonClickAnimation = classArr(
+  // "duration-300",
+  "duration-0",
+  // "[transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)]",
+  "active:scale-95"
+);
+export {
+  classesButtonClickAnimation
+};
+//# sourceMappingURL=classesButtonClickAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimation.js","sources":["../../../lib/interactive/button/classesButtonClickAnimation.ts"],"sourcesContent":["import { classArr } from \"~ui/utils/classArr\"\n\nexport const classesButtonClickAnimation = classArr(\n  // \"duration-300\",\n  \"duration-0\",\n  // \"[transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)]\",\n  \"active:scale-95\",\n)\n"],"names":[],"mappings":";AAEO,MAAM,8BAA8B;AAAA;AAAA,EAEzC;AAAA;AAAA,EAEA;AACF;"}

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

@@ -0,0 +1,5 @@
+/**
+ * disable hover because popovers move with it
+ */
+export declare const classesButtonClickAnimationPush: string;
+//# sourceMappingURL=classesButtonClickAnimationPush.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimationPush.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/classesButtonClickAnimationPush.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,+BAA+B,QAAoC,CAAA"}

package/dist/interactive/button/classesButtonClickAnimationPush.js

@@ -0,0 +1,6 @@
+import { classArr } from "../../utils/classArr.js";
+const classesButtonClickAnimationPush = classArr("hover:-translate-y-px");
+export {
+  classesButtonClickAnimationPush
+};
+//# sourceMappingURL=classesButtonClickAnimationPush.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimationPush.js","sources":["../../../lib/interactive/button/classesButtonClickAnimationPush.ts"],"sourcesContent":["import { classArr } from \"~ui/utils/classArr\"\n\n/**\n * disable hover because popovers move with it\n */\nexport const classesButtonClickAnimationPush = classArr(\"hover:-translate-y-px\")\n"],"names":[],"mappings":";AAKO,MAAM,kCAAkC,SAAS,uBAAuB;"}

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

@@ -0,0 +1,5 @@
+/**
+ * unused because it's a little to fancy
+ */
+export declare const classesButtonClickAnimationSquish: string;
+//# sourceMappingURL=classesButtonClickAnimationSquish.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimationSquish.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/classesButtonClickAnimationSquish.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,iCAAiC,QAAwE,CAAA"}

package/dist/interactive/button/classesButtonClickAnimationSquish.js

@@ -0,0 +1,6 @@
+import { classArr } from "../../utils/classArr.js";
+const classesButtonClickAnimationSquish = classArr("active:translate-y-1 active:scale-x-105 active:scale-y-95");
+export {
+  classesButtonClickAnimationSquish
+};
+//# sourceMappingURL=classesButtonClickAnimationSquish.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonClickAnimationSquish.js","sources":["../../../lib/interactive/button/classesButtonClickAnimationSquish.ts"],"sourcesContent":["import { classArr } from \"~ui/utils/classArr\"\n\n/**\n * unused because it's a little to fancy\n */\nexport const classesButtonClickAnimationSquish = classArr(\"active:translate-y-1 active:scale-x-105 active:scale-y-95\")\n"],"names":[],"mappings":";AAKO,MAAM,oCAAoC,SAAS,2DAA2D;"}

package/dist/interactive/details/Details.d.ts

@@ -0,0 +1,12 @@
+import { JSXElement } from 'solid-js';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveIcon } from '../../utils/MayHaveIcon';
+import { MayHaveSubtitle } from '../../utils/MayHaveSubtitle';
+import { MayHaveTitle } from '../../utils/MayHaveTitle';
+export interface DetailsProps extends MayHaveClass, MayHaveIcon, MayHaveTitle, MayHaveSubtitle, MayHaveChildren {
+    summaryClass?: string;
+    summaryEl?: JSXElement;
+}
+export declare function Details(p: DetailsProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=Details.d.ts.map

package/dist/interactive/details/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../lib/interactive/details/Details.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAI1D,MAAM,WAAW,YAAa,SAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe;IAC7G,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,kCA0CtC"}

package/dist/interactive/details/Details.js

@@ -0,0 +1,74 @@
+import { template, insert, createComponent, memo, effect, className } from "solid-js/web";
+import { mdiChevronDown } from "@mdi/js";
+import { Show } from "solid-js";
+import { Icon } from "../../static/icon/Icon.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span class="text-muted-foreground mt-1">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="flex flex-col sm:flex-row gap-4"><span><h3 class="text-xl font-semibold">`), _tmpl$3 = /* @__PURE__ */ template(`<details><summary>`);
+function Details(p) {
+  return (() => {
+    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return memo(() => !!!p.summaryEl)() && p.title;
+      },
+      get children() {
+        var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+        insert(_el$3, createComponent(Show, {
+          get when() {
+            return p.icon;
+          },
+          get children() {
+            return createComponent(Icon, {
+              get path() {
+                return p.icon;
+              },
+              "class": "size-7 mt-1"
+            });
+          }
+        }), _el$4);
+        insert(_el$5, () => p.title);
+        insert(_el$4, createComponent(Show, {
+          get when() {
+            return p.subtitle;
+          },
+          get children() {
+            var _el$6 = _tmpl$();
+            insert(_el$6, () => p.subtitle);
+            return _el$6;
+          }
+        }), null);
+        return _el$3;
+      }
+    }), null);
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return p.summaryEl;
+      },
+      get children() {
+        return p.summaryEl;
+      }
+    }), null);
+    insert(_el$2, createComponent(Icon, {
+      path: mdiChevronDown,
+      get ["class"]() {
+        return classArr("size-7", "text-gray-400 dark:text-gray-600", "transition-transform group-open:rotate-180");
+      }
+    }), null);
+    insert(_el$, () => p.children, null);
+    effect((_p$) => {
+      var _v$ = classMerge("group", "bg-white dark:bg-gray-800", "rounded-lg border border-gray-200", "shadow-sm", "overflow-hidden", p.class), _v$2 = classArr("flex flex-col sm:flex-row items-center justify-between", "p-6", "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors", p.summaryClass);
+      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
+export {
+  Details
+};
+//# sourceMappingURL=Details.js.map

package/dist/interactive/details/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sources":["../../../lib/interactive/details/Details.tsx"],"sourcesContent":["import { mdiChevronDown } from \"@mdi/js\"\nimport { Show, type JSXElement } from \"solid-js\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveIcon } from \"~ui/utils/MayHaveIcon\"\nimport type { MayHaveSubtitle } from \"~ui/utils/MayHaveSubtitle\"\nimport type { MayHaveTitle } from \"~ui/utils/MayHaveTitle\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport interface DetailsProps extends MayHaveClass, MayHaveIcon, MayHaveTitle, MayHaveSubtitle, MayHaveChildren {\n  summaryClass?: string\n  summaryEl?: JSXElement\n}\n\nexport function Details(p: DetailsProps) {\n  return (\n    <details\n      class={classMerge(\n        \"group\",\n        \"bg-white dark:bg-gray-800\",\n        \"rounded-lg border border-gray-200\",\n        \"shadow-sm\",\n        \"overflow-hidden\",\n        p.class,\n      )}\n    >\n      <summary\n        class={classArr(\n          \"flex flex-col sm:flex-row items-center justify-between\",\n          \"p-6\",\n          \"cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors\",\n          p.summaryClass,\n        )}\n      >\n        <Show when={!p.summaryEl && p.title}>\n          <div class={\"flex flex-col sm:flex-row gap-4\"}>\n            <Show when={p.icon}>\n              <Icon path={p.icon!} class=\"size-7 mt-1\" />\n            </Show>\n            <span>\n              <h3 class={\"text-xl font-semibold\"}>{p.title}</h3>\n              <Show when={p.subtitle}>\n                <span class={\"text-muted-foreground mt-1\"}>{p.subtitle}</span>\n              </Show>\n            </span>\n          </div>\n        </Show>\n        <Show when={p.summaryEl}>{p.summaryEl}</Show>\n        <Icon\n          path={mdiChevronDown}\n          class={classArr(\"size-7\", \"text-gray-400 dark:text-gray-600\", \"transition-transform group-open:rotate-180\")}\n        />\n      </summary>\n      {p.children}\n    </details>\n  )\n}\n"],"names":["Details","p","_el$","_tmpl$3","_el$2","firstChild","_$insert","_$createComponent","Show","when","_$memo","summaryEl","title","children","_el$3","_tmpl$2","_el$4","_el$5","icon","Icon","path","subtitle","_el$6","_tmpl$","mdiChevronDown","classArr","_$effect","_p$","_v$","classMerge","class","_v$2","summaryClass","e","_$className","t","undefined"],"mappings":";;;;;;;AAgBO,SAASA,QAAQC,GAAiB;AACvC,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG;AAAAC,WAAAF,OAAAG,gBAmBOC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,cAACT,EAAEU,SAAS,EAAA,KAAIV,EAAEW;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,QAAAA,GAAAC,QAAAF,MAAAT,YAAAY,QAAAD,MAAAX;AAAAC,eAAAQ,OAAAP,gBAE9BC,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAER,EAAEiB;AAAAA,UAAI;AAAA,UAAA,IAAAL,WAAA;AAAA,mBAAAN,gBACfY,MAAI;AAAA,cAAA,IAACC,OAAI;AAAA,uBAAEnB,EAAEiB;AAAAA,cAAK;AAAA,cAAA,SAAA;AAAA,YAAA,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA,GAAAF,KAAA;AAAAV,eAAAW,OAAA,MAGkBhB,EAAEW,KAAK;AAAAN,eAAAU,OAAAT,gBAC3CC,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAER,EAAEoB;AAAAA,UAAQ;AAAA,UAAA,IAAAR,WAAA;AAAA,gBAAAS,QAAAC,OAAAA;AAAAjB,mBAAAgB,OAAA,MACwBrB,EAAEoB,QAAQ;AAAA,mBAAAC;AAAAA,UAAA;AAAA,QAAA,CAAA,GAAA,IAAA;AAAA,eAAAR;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAR,WAAAF,OAAAG,gBAK7DC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAER,EAAEU;AAAAA,MAAS;AAAA,MAAA,IAAAE,WAAA;AAAA,eAAGZ,EAAEU;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAL,WAAAF,OAAAG,gBACpCY,MAAI;AAAA,MACHC,MAAMI;AAAAA,MAAc,KAAA,OAAA,IAAA;AAAA,eACbC,SAAS,UAAU,oCAAoC,4CAA4C;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAnB,WAAAJ,MAAA,MAG9GD,EAAEY,UAAQ,IAAA;AAAAa,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MApCJC,WACL,SACA,6BACA,qCACA,aACA,mBACA5B,EAAE6B,KACJ,GAACC,OAGQN,SACL,0DACA,OACA,4EACAxB,EAAE+B,YACJ;AAACJ,cAAAD,IAAAM,KAAAC,UAAAhC,MAAAyB,IAAAM,IAAAL,GAAA;AAAAG,eAAAJ,IAAAQ,KAAAD,UAAA9B,OAAAuB,IAAAQ,IAAAJ,IAAA;AAAA,aAAAJ;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAlC;AAAAA,EAAA,GAAA;AAwBT;"}

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

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