@adaptive-ds/solid-ui 0.12.2 → 0.13.1

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

@@ -1,17 +1,21 @@
 export type ButtonVariant = keyof typeof buttonVariant;
 export declare const buttonVariant: {
+    readonly none: "none";
     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";
+    readonly contrast: "contrast";
+    readonly filledYellow: "filledYellow";
+    readonly filledAmber: "filledAmber";
+    readonly filledOrange: "filledOrange";
+    readonly filledRed: "filledRed";
+    readonly filledGreen: "filledGreen";
+    readonly filledSky: "filledSky";
+    readonly filledBlue: "filledBlue";
+    readonly filledIndigo: "filledIndigo";
+    readonly outlineRed: "outlineRed";
 };
 export type ButtonSize = keyof typeof buttonSize;
 export declare const buttonSize: {
@@ -25,7 +29,7 @@ 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 buttonCva1(variant: ButtonVariant, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+export declare function buttonCva2(variant?: ButtonVariant, 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

@@ -1 +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"}
+{"version":3,"file":"buttonCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/buttonCva.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAA;AACtD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAqBhB,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;AA6HD,wBAAgB,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAE/G;AAED,wBAAgB,UAAU,CACxB,OAAO,GAAE,aAAmC,EAC5C,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,YAAsB,EAC5C,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

@@ -1,9 +1,9 @@
-import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
-import { classesDisabledModifier } from "../../classes/classesDisabledModifier.js";
 import { classesButtonClickAnimation } from "./classesButtonClickAnimation.js";
+import { classesButtonDisabled } from "./classesButtonDisabled.js";
 import { classArr } from "../../utils/classArr.js";
 import { classMerge } from "../../utils/classMerge.js";
 const buttonVariant = {
+  none: "none",
   // transparent bg
   outline: "outline",
   ghost: "ghost",
@@ -11,15 +11,18 @@ const buttonVariant = {
   // filled black/white/gray
   filled: "filled",
   subtle: "subtle",
-  default: "default",
+  contrast: "contrast",
   // filled colors
-  primary: "primary",
-  destructive: "destructive",
-  warning: "warning",
-  success: "success",
-  info: "info",
+  filledYellow: "filledYellow",
+  filledAmber: "filledAmber",
+  filledOrange: "filledOrange",
+  filledRed: "filledRed",
+  filledGreen: "filledGreen",
+  filledSky: "filledSky",
+  filledBlue: "filledBlue",
+  filledIndigo: "filledIndigo",
   // outlined colors
-  error: "error"
+  outlineRed: "outlineRed"
 };
 const buttonSize = {
   none: "none",
@@ -42,20 +45,20 @@ const baseClasses = classArr(
   "transition-colors",
   // animation
   "group",
-  "cursor-pointer",
-  classesDisabledModifier
+  "cursor-pointer"
 );
 const variantClasses = {
   //
   // transparent bg
   //
+  none: "",
   outline: classArr(
     "bg-transparent dark:bg-transparent",
     "dark:text-slate-100",
     // text
-    "hover:bg-slate-100 dark:hover:bg-slate-900",
+    "hover:bg-slate-100",
     // bg hover
-    "border border-slate-200 dark:border-stone-500"
+    "border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900"
     // border
   ),
   ghost: classArr(
@@ -65,7 +68,7 @@ const variantClasses = {
     // bg
     "data-[state=open]:bg-transparent dark:data-[state=open]:bg-transparent",
     // bg data
-    "hover:bg-slate-100 dark:hover:bg-neutral-600"
+    "hover:bg-slate-100 dark:hover:bg-slate-800"
     // bg hover
   ),
   link: classArr(
@@ -84,9 +87,9 @@ const variantClasses = {
   filled: classArr(
     "dark:text-slate-100",
     // text
-    "bg-white dark:bg-slate-700",
+    "bg-white dark:bg-black",
     // bg
-    "hover:bg-slate-50 dark:hover:bg-slate-600"
+    "hover:bg-slate-50 dark:hover:bg-slate-900"
     // bg hover
   ),
   subtle: classArr(
@@ -97,7 +100,7 @@ const variantClasses = {
     "hover:bg-slate-200 dark:hover:bg-slate-600"
     // bg hover
   ),
-  default: classArr(
+  contrast: classArr(
     "text-white dark:text-slate-900 dark:hover:text-slate-900",
     // text
     "bg-slate-900 dark:bg-slate-50",
@@ -108,37 +111,47 @@ const variantClasses = {
   //
   // filled colors
   //
-  primary: classArr(
-    "text-white dark:text-indigo-100 ",
+  filledYellow: classArr(
+    "text-white",
     // text
-    "bg-indigo-500 dark:bg-indigo-800 ",
+    "bg-yellow-500 dark:bg-yellow-800 ",
     // bg
-    "hover:bg-indigo-700 dark:hover:bg-indigo-600",
+    "hover:bg-yellow-700 dark:hover:bg-yellow-600",
     // bg hover
-    "focus:ring-indigo-400 dark:focus:ring-indigo-400"
+    "focus:ring-yellow-400 dark:focus:ring-yellow-400"
     // focus
   ),
-  destructive: classArr(
+  filledAmber: classArr(
     "text-white",
     // text
-    "bg-red-500 dark:bg-red-700",
+    "bg-amber-500 dark:bg-amber-800 ",
     // bg
-    "hover:bg-red-600 dark:hover:bg-red-600",
+    "hover:bg-amber-700 dark:hover:bg-amber-600",
     // bg hover
-    "focus:ring-red-400 dark:focus:ring-red-400"
+    "focus:ring-amber-400 dark:focus:ring-amber-400"
     // focus
   ),
-  warning: classArr(
-    "text-white dark:text-indigo-100 ",
+  filledOrange: classArr(
+    "text-white",
     // text
-    "bg-yellow-500 dark:bg-yellow-700 ",
+    "bg-orange-500 dark:bg-orange-800 ",
     // bg
-    "hover:bg-yellow-600 dark:hover:bg-yellow-600",
+    "hover:bg-orange-700 dark:hover:bg-orange-600",
     // bg hover
-    "focus:ring-yellow-400 dark:focus:ring-yellow-400"
+    "focus:ring-orange-400 dark:focus:ring-orange-400"
     // focus
   ),
-  success: classArr(
+  filledRed: 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
+  ),
+  filledGreen: classArr(
     "text-white",
     // text
     "bg-green-500 hover:bg-green-700 dark:hover:bg-green-700",
@@ -146,7 +159,7 @@ const variantClasses = {
     "focus:ring-green-400 dark:focus:ring-green-400"
     // focus
   ),
-  info: classArr(
+  filledSky: classArr(
     "text-white",
     // text
     "bg-sky-500 hover:bg-sky-700 dark:hover:bg-sky-700",
@@ -154,11 +167,31 @@ const variantClasses = {
     "focus:ring-sky-400 dark:focus:ring-sky-400"
     // focus
   ),
+  filledIndigo: classArr(
+    "text-white",
+    // 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
+  ),
+  filledBlue: classArr(
+    "text-white",
+    // text
+    "bg-blue-500 dark:bg-blue-800 ",
+    // bg
+    "hover:bg-blue-700 dark:hover:bg-blue-600",
+    // bg hover
+    "focus:ring-blue-400 dark:focus:ring-blue-400"
+    // focus
+  ),
   //
   // outline toast colors
   //
-  error: classArr(
-    "text-destructive dark:text-red-500",
+  outlineRed: classArr(
+    "text-red-500 dark:text-red-500",
     // text
     "border border-red-200 dark:border-red-700",
     // border
@@ -177,30 +210,29 @@ const sizeClasses = {
   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) {
+function buttonCva1(variant, ...customClasses) {
   return buttonCva2(variant, null, ...customClasses);
 }
-function buttonCva2(variant = defaultVariant, size = defaultSize, ...customClasses) {
-  const v = variant ?? defaultVariant;
+function buttonCva2(variant = buttonVariant.ghost, size = defaultSize, ...customClasses) {
+  const v = variant;
   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;
+  const variantGroup1 = variant === buttonVariant.outline || variant === buttonVariant.filledYellow || variant === buttonVariant.outlineRed;
   if (variantGroup1 && size === buttonSize.lg) {
     return "border-2";
   }
   return null;
 }
-function buttonCvaIconOnly(variant, isLoading, isDisabled, ...customClasses) {
+function buttonCvaIconOnly(variant = buttonVariant.ghost, isLoading, isDisabled, ...customClasses) {
   const classes = buttonCva2(
     variant,
     buttonSize.none,
     classesButtonClickAnimation,
-    "rounded-full p-2",
-    (isDisabled || isLoading) && classesDisabledDirectly,
+    "rounded-full p-2.5",
+    (isDisabled || isLoading) && classesButtonDisabled,
     ...customClasses
   );
   return classes;

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

@@ -1 +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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"}
+{"version":3,"file":"buttonCva.js","sources":["../../../lib/interactive/button/buttonCva.ts"],"sourcesContent":["import { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { classesButtonDisabled } from \"~ui/interactive/button/classesButtonDisabled\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport type ButtonVariant = keyof typeof buttonVariant\nexport const buttonVariant = {\n  none: \"none\",\n  // transparent bg\n  outline: \"outline\",\n  ghost: \"ghost\",\n  link: \"link\",\n  // filled black/white/gray\n  filled: \"filled\",\n  subtle: \"subtle\",\n  contrast: \"contrast\",\n  // filled colors\n  filledYellow: \"filledYellow\",\n  filledAmber: \"filledAmber\",\n  filledOrange: \"filledOrange\",\n  filledRed: \"filledRed\",\n  filledGreen: \"filledGreen\",\n  filledSky: \"filledSky\",\n  filledBlue: \"filledBlue\",\n  filledIndigo: \"filledIndigo\",\n  // outlined colors\n  outlineRed: \"outlineRed\",\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)\n\nconst variantClasses = {\n  //\n  // transparent bg\n  //\n  none: \"\",\n  outline: classArr(\n    \"bg-transparent dark:bg-transparent\",\n    \"dark:text-slate-100\", // text\n    \"hover:bg-slate-100\", // bg hover\n    \"border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900\", // 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-slate-800\", // 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-black\", // bg\n    \"hover:bg-slate-50 dark:hover:bg-slate-900\", // 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  contrast: 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  filledYellow: classArr(\n    \"text-white\", // text\n    \"bg-yellow-500 dark:bg-yellow-800 \", // bg\n    \"hover:bg-yellow-700 dark:hover:bg-yellow-600\", // bg hover\n    \"focus:ring-yellow-400 dark:focus:ring-yellow-400\", // focus\n  ),\n  filledAmber: classArr(\n    \"text-white\", // text\n    \"bg-amber-500 dark:bg-amber-800 \", // bg\n    \"hover:bg-amber-700 dark:hover:bg-amber-600\", // bg hover\n    \"focus:ring-amber-400 dark:focus:ring-amber-400\", // focus\n  ),\n  filledOrange: classArr(\n    \"text-white\", // text\n    \"bg-orange-500 dark:bg-orange-800 \", // bg\n    \"hover:bg-orange-700 dark:hover:bg-orange-600\", // bg hover\n    \"focus:ring-orange-400 dark:focus:ring-orange-400\", // focus\n  ),\n  filledRed: 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  filledGreen: 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  filledSky: 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  filledIndigo: classArr(\n    \"text-white\", // 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  filledBlue: classArr(\n    \"text-white\", // text\n    \"bg-blue-500 dark:bg-blue-800 \", // bg\n    \"hover:bg-blue-700 dark:hover:bg-blue-600\", // bg hover\n    \"focus:ring-blue-400 dark:focus:ring-blue-400\", // focus\n  ),\n  //\n  // outline toast colors\n  //\n  outlineRed: classArr(\n    \"text-red-500 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 defaultSize = buttonSize.default\n\nexport function buttonCva1(variant: ButtonVariant, ...customClasses: (string | boolean | undefined | null | 0)[]) {\n  return buttonCva2(variant, null, ...customClasses)\n}\n\nexport function buttonCva2(\n  variant: ButtonVariant = buttonVariant.ghost,\n  size: ButtonSize | null = defaultSize,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  const v = variant\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.filledYellow || variant === buttonVariant.outlineRed\n  if (variantGroup1 && size === buttonSize.lg) {\n    return \"border-2\"\n  }\n  return null\n}\n\nexport function buttonCvaIconOnly(\n  variant: ButtonVariant = buttonVariant.ghost,\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.5\",\n    (isDisabled || isLoading) && classesButtonDisabled,\n    ...customClasses,\n  )\n  return classes\n}\n"],"names":[],"mappings":"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"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"buttonIconCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/buttonIconCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAgDpF,wBAAgB,aAAa,CAC3B,OAAO,GAAE,aAAmC,EAC5C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,UAGnE"}

package/dist/interactive/button/buttonIconCva.js

@@ -22,6 +22,7 @@ const baseClasses = classArr(
   // size
 );
 const buttonIconClasses = {
+  none: "",
   // transparent bg
   outline: classesBlackWhite,
   ghost: classesBlackWhite,
@@ -29,24 +30,22 @@ const buttonIconClasses = {
   // filled grayscale
   filled: classesBlackWhite,
   subtle: classesBlackWhite,
-  default: classArr(classesTextFillWhite, "dark:text-black dark:fill-black"),
+  contrast: 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,
+  filledYellow: classArr(classesTextFillWhite, "dark:text-yellow-100 dark:fill-yellow-100"),
+  filledOrange: classArr(classesTextFillWhite, "dark:text-orange-100 dark:fill-orange-100"),
+  filledAmber: classArr(classesTextFillWhite, "dark:text-amber-100 dark:fill-amber-100"),
+  filledRed: classArr(classesTextFillWhite, "dark:text-red-100 dark:fill-red-100"),
+  filledGreen: classesWhiteWhite,
+  filledBlue: classArr(classesTextFillWhite, "dark:text-blue-100 dark:fill-blue-100"),
+  filledIndigo: classArr(classesTextFillWhite, "dark:text-indigo-100 dark:fill-indigo-100"),
+  // outlineRed: classesWhiteWhite,
+  filledSky: classesWhiteWhite,
   // outlined colors
-  error: classArr(
-    "text-destructive dark:text-red-700",
-    // text
-    "fill-destructive dark:fill-red-700"
-    // fill
-  )
+  outlineRed: classArr("text-red-500 fill-red-500 dark:text-red-700 dark:fill-red-700")
 };
-const defaultVariant = buttonVariant.default;
-function buttonIconCva(variant = defaultVariant, ...customClasses) {
-  return classMerge(baseClasses, buttonIconClasses[variant ?? defaultVariant], customClasses);
+function buttonIconCva(variant = buttonVariant.ghost, ...customClasses) {
+  return classMerge(baseClasses, buttonIconClasses[variant], customClasses);
 }
 export {
   buttonIconCva

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

@@ -1 +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;"}
+{"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  none: \"\",\n  // transparent bg\n  outline: classesBlackWhite,\n  ghost: classesBlackWhite,\n  link: classesBlackWhite,\n  // filled grayscale\n  filled: classesBlackWhite,\n  subtle: classesBlackWhite,\n  contrast: classArr(classesTextFillWhite, \"dark:text-black dark:fill-black\"),\n  // filled colors\n  filledYellow: classArr(classesTextFillWhite, \"dark:text-yellow-100 dark:fill-yellow-100\"),\n  filledOrange: classArr(classesTextFillWhite, \"dark:text-orange-100 dark:fill-orange-100\"),\n  filledAmber: classArr(classesTextFillWhite, \"dark:text-amber-100 dark:fill-amber-100\"),\n  filledRed: classArr(classesTextFillWhite, \"dark:text-red-100 dark:fill-red-100\"),\n\n  filledGreen: classesWhiteWhite,\n  filledBlue: classArr(classesTextFillWhite, \"dark:text-blue-100 dark:fill-blue-100\"),\n  filledIndigo: classArr(classesTextFillWhite, \"dark:text-indigo-100 dark:fill-indigo-100\"),\n  // outlineRed: classesWhiteWhite,\n  filledSky: classesWhiteWhite,\n  // outlined colors\n  outlineRed: classArr(\"text-red-500 fill-red-500 dark:text-red-700 dark:fill-red-700\"),\n} as const satisfies Record<ButtonVariant, string>\n\nexport function buttonIconCva(\n  variant: ButtonVariant = buttonVariant.ghost,\n  ...customClasses: (string | boolean | undefined | null | 0 | 0n)[]\n) {\n  return classMerge(baseClasses, buttonIconClasses[variant], 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,EACxB,MAAM;AAAA;AAAA,EAEN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EAEN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU,SAAS,sBAAsB,iCAAiC;AAAA;AAAA,EAE1E,cAAc,SAAS,sBAAsB,2CAA2C;AAAA,EACxF,cAAc,SAAS,sBAAsB,2CAA2C;AAAA,EACxF,aAAa,SAAS,sBAAsB,yCAAyC;AAAA,EACrF,WAAW,SAAS,sBAAsB,qCAAqC;AAAA,EAE/E,aAAa;AAAA,EACb,YAAY,SAAS,sBAAsB,uCAAuC;AAAA,EAClF,cAAc,SAAS,sBAAsB,2CAA2C;AAAA;AAAA,EAExF,WAAW;AAAA;AAAA,EAEX,YAAY,SAAS,+DAA+D;AACtF;AAEO,SAAS,cACd,UAAyB,cAAc,UACpC,eACH;AACA,SAAO,WAAW,aAAa,kBAAkB,OAAO,GAAG,aAAa;AAC1E;"}

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

@@ -0,0 +1,2 @@
+export declare const classesButtonDisabled = "cursor-not-allowed opacity-70";
+//# sourceMappingURL=classesButtonDisabled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonDisabled.d.ts","sourceRoot":"","sources":["../../../lib/interactive/button/classesButtonDisabled.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,kCAAkC,CAAA"}

package/dist/interactive/button/classesButtonDisabled.js

@@ -0,0 +1,5 @@
+const classesButtonDisabled = "cursor-not-allowed opacity-70";
+export {
+  classesButtonDisabled
+};
+//# sourceMappingURL=classesButtonDisabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classesButtonDisabled.js","sources":["../../../lib/interactive/button/classesButtonDisabled.ts"],"sourcesContent":["export const classesButtonDisabled = \"cursor-not-allowed opacity-70\"\n"],"names":[],"mappings":"AAAO,MAAM,wBAAwB;"}

package/dist/interactive/theme/ThemeButton.d.ts

@@ -1,5 +1,5 @@
-import { MayHaveClass } from '../../utils/MayHaveClass';
 import { ThemeButtonText } from './ThemeButtonText';
+import { MayHaveClass } from '../../utils/MayHaveClass';
 export interface ThemeButtonProps extends MayHaveClass {
     showText?: boolean;
     texts?: ThemeButtonText;

package/dist/interactive/theme/ThemeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AAG5E,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCA0B9C"}
+{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AAK5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCA0B9C"}

package/dist/interactive/theme/ThemeButton.js

@@ -1,16 +1,16 @@
 import { createComponent } from "solid-js/web";
-import { createEffect, onCleanup } from "solid-js";
+import { onMount, onCleanup } from "solid-js";
 import { buttonVariant } from "../button/buttonCva.js";
 import { ButtonIconOnly } from "../button/ButtonIconOnly.js";
+import { themeButtonTextDefault } from "./ThemeButtonText.js";
 import { themeInit, themeSignal, themeRotate } from "./themeSignal.js";
 import { themeIcon } from "./themeVariant.js";
 import { classMerge } from "../../utils/classMerge.js";
-import { themeButtonTextDefault } from "./ThemeButtonText.js";
 function ThemeButton(p) {
-  createEffect(themeInit);
   const handleGlobalKeyDown = createGlobalKeyHandler();
   const texts = p.texts ?? themeButtonTextDefault;
-  createEffect(() => {
+  onMount(() => {
+    themeInit();
     window.addEventListener("keydown", handleGlobalKeyDown);
     onCleanup(() => window.removeEventListener("keydown", handleGlobalKeyDown));
   });

package/dist/interactive/theme/ThemeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.js","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIconOnly } from \"~ui/interactive/button/ButtonIconOnly\"\nimport { themeInit, themeRotate, themeSignal } from \"~ui/interactive/theme/themeSignal\"\nimport { themeIcon } from \"~ui/interactive/theme/themeVariant\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { ThemeButtonText } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  createEffect(themeInit)\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  createEffect(() => {\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"names":["ThemeButton","p","createEffect","themeInit","handleGlobalKeyDown","createGlobalKeyHandler","texts","themeButtonTextDefault","window","addEventListener","onCleanup","removeEventListener","currentTheme","themeSignal","get","themeName","_$createComponent","ButtonIconOnly","title","icon","themeIcon","variant","buttonVariant","ghost","classMerge","class","onClick","themeRotate","children","showText","navigate","e","key","altKey","preventDefault"],"mappings":";;;;;;;;AAeO,SAASA,YAAYC,GAAqB;AAC/CC,eAAaC,SAAS;AAEtB,QAAMC,sBAAsBC,uBAA+B;AAE3D,QAAMC,QAAQL,EAAEK,SAASC;AAEzBL,eAAa,MAAM;AACjBM,WAAOC,iBAAiB,WAAWL,mBAAmB;AACtDM,cAAU,MAAMF,OAAOG,oBAAoB,WAAWP,mBAAmB,CAAC;AAAA,EAC5E,CAAC;AAED,QAAMQ,eAAeC,YAAYC,IAAAA;AACjC,QAAMC,YAAYT,MAAMM,YAAY;AAEpC,SAAAI,gBACGC,gBAAc;AAAA,IAAA,IACbC,QAAK;AAAA,aAAEZ,MAAMM,aAAaG,SAAS;AAAA,IAAC;AAAA,IAAA,IACpCI,OAAI;AAAA,aAAEC,UAAUR,YAAY;AAAA,IAAC;AAAA,IAAA,IAC7BS,UAAO;AAAA,aAAEC,cAAcC;AAAAA,IAAK;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACrBC,WAAWvB,EAAEwB,KAAK;AAAA,IAAC;AAAA,IAC1BC,SAASC;AAAAA,IAAW,IAAAC,WAAA;AAAA,aAEnB3B,EAAE4B,YAAYd;AAAAA,IAAS;AAAA,EAAA,CAAA;AAG9B;AAEA,SAASV,uBAAuByB,UAAgC;AAC9D,SAAO,CAACC,MAAqB;AAC3B,QAAIA,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AAC7BF,QAAEG,eAAAA;AACFP,kBAAAA;AAAAA,IACF,WAAWI,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AACpCF,QAAEG,eAAAA;AAAAA,IAEJ;AAAA,EACF;AACF;"}
+{"version":3,"file":"ThemeButton.js","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIconOnly } from \"~ui/interactive/button/ButtonIconOnly\"\nimport type { ThemeButtonText } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeInit, themeRotate, themeSignal } from \"~ui/interactive/theme/themeSignal\"\nimport { themeIcon } from \"~ui/interactive/theme/themeVariant\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  onMount(() => {\n    themeInit()\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"names":["ThemeButton","p","handleGlobalKeyDown","createGlobalKeyHandler","texts","themeButtonTextDefault","onMount","themeInit","window","addEventListener","onCleanup","removeEventListener","currentTheme","themeSignal","get","themeName","_$createComponent","ButtonIconOnly","title","icon","themeIcon","variant","buttonVariant","ghost","classMerge","class","onClick","themeRotate","children","showText","navigate","e","key","altKey","preventDefault"],"mappings":";;;;;;;;AAeO,SAASA,YAAYC,GAAqB;AAE/C,QAAMC,sBAAsBC,uBAA+B;AAE3D,QAAMC,QAAQH,EAAEG,SAASC;AAEzBC,UAAQ,MAAM;AACZC,cAAAA;AACAC,WAAOC,iBAAiB,WAAWP,mBAAmB;AACtDQ,cAAU,MAAMF,OAAOG,oBAAoB,WAAWT,mBAAmB,CAAC;AAAA,EAC5E,CAAC;AAED,QAAMU,eAAeC,YAAYC,IAAAA;AACjC,QAAMC,YAAYX,MAAMQ,YAAY;AAEpC,SAAAI,gBACGC,gBAAc;AAAA,IAAA,IACbC,QAAK;AAAA,aAAEd,MAAMQ,aAAaG,SAAS;AAAA,IAAC;AAAA,IAAA,IACpCI,OAAI;AAAA,aAAEC,UAAUR,YAAY;AAAA,IAAC;AAAA,IAAA,IAC7BS,UAAO;AAAA,aAAEC,cAAcC;AAAAA,IAAK;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACrBC,WAAWvB,EAAEwB,KAAK;AAAA,IAAC;AAAA,IAC1BC,SAASC;AAAAA,IAAW,IAAAC,WAAA;AAAA,aAEnB3B,EAAE4B,YAAYd;AAAAA,IAAS;AAAA,EAAA,CAAA;AAG9B;AAEA,SAASZ,uBAAuB2B,UAAgC;AAC9D,SAAO,CAACC,MAAqB;AAC3B,QAAIA,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AAC7BF,QAAEG,eAAAA;AACFP,kBAAAA;AAAAA,IACF,WAAWI,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AACpCF,QAAEG,eAAAA;AAAAA,IAEJ;AAAA,EACF;AACF;"}

package/dist/interactive/theme/themeSignal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeSignal.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/themeSignal.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,oCAAoC,CAAA;AAK3C,eAAO,MAAM,WAAW,8EAAoD,CAAA;AAE5E,wBAAgB,SAAS,SAIxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,QAKnE;AAmBD,wBAAgB,WAAW,SAS1B"}
+{"version":3,"file":"themeSignal.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/themeSignal.ts"],"names":[],"mappings":"AAGA,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,oCAAoC,CAAA;AAK3C,eAAO,MAAM,WAAW,8EAAoD,CAAA;AAE5E,wBAAgB,SAAS,SAKxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,QAKnE;AAmBD,wBAAgB,WAAW,SAS1B"}

package/dist/interactive/theme/themeSignal.js

@@ -1,3 +1,4 @@
+import { isServer } from "solid-js/web";
 import * as v from "valibot";
 import { themeButtonTextDefault } from "./ThemeButtonText.js";
 import { themeVariant, getThemeFromStorageOrBrowserPref, nextTheme2, themeIcon, setThemeToBrowser, themeLocalStorageKey, themeSchema } from "./themeVariant.js";
@@ -6,6 +7,7 @@ import { toastVariant } from "../toast/toastVariant.js";
 import { createSignalObject } from "../../utils/createSignalObject.js";
 const themeSignal = createSignalObject(themeVariant.os);
 function themeInit() {
+  if (isServer) return;
   const theme = getThemeFromStorageOrBrowserPref();
   themeSet(theme, false);
   themeRegisterStorageListener();

package/dist/interactive/theme/themeSignal.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeSignal.js","sources":["../../../lib/interactive/theme/themeSignal.ts"],"sourcesContent":["import * as v from \"valibot\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport {\n  getThemeFromStorageOrBrowserPref,\n  nextTheme2,\n  setThemeToBrowser,\n  themeIcon,\n  themeLocalStorageKey,\n  themeSchema,\n  type ThemeVariant,\n  themeVariant,\n} from \"~ui/interactive/theme/themeVariant\"\nimport { toastAdd } from \"~ui/interactive/toast/toastAdd\"\nimport { toastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\nexport const themeSignal = createSignalObject<ThemeVariant>(themeVariant.os)\n\nexport function themeInit() {\n  const theme = getThemeFromStorageOrBrowserPref()\n  themeSet(theme, false)\n  themeRegisterStorageListener()\n}\n\nexport function themeSet(theme: ThemeVariant, saveToStorage: boolean) {\n  themeSignal.set(theme)\n  setThemeToBrowser(theme)\n  if (!saveToStorage) return\n  localStorage.setItem(themeLocalStorageKey, theme)\n}\n\nfunction themeRegisterStorageListener() {\n  const onStorage = (e: StorageEvent) => {\n    if (e.key !== themeLocalStorageKey) return\n    const themeString = e.newValue\n    const result = v.safeParse(themeSchema, themeString)\n    if (!result.success) {\n      console.log(\"failed to parse storage event\")\n      return\n    }\n    themeSet(result.output, false)\n  }\n  window.addEventListener(\"storage\", onStorage)\n  return () => {\n    window.removeEventListener(\"storage\", onStorage)\n  }\n}\n\nexport function themeRotate() {\n  const currentTheme = themeSignal.get()\n  const newTheme = nextTheme2(currentTheme)\n\n  const themeText = themeButtonTextDefault[newTheme]\n  const title = themeButtonTextDefault.setTheme(themeText)\n  const icon = themeIcon(newTheme)\n  toastAdd({ title, icon, variant: toastVariant.default })\n  themeSet(newTheme, true)\n}\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,cAAc,mBAAiC,aAAa,EAAE;AAEpE,SAAS,YAAY;AAC1B,QAAM,QAAQ,iCAAA;AACd,WAAS,OAAO,KAAK;AACrB,+BAAA;AACF;AAEO,SAAS,SAAS,OAAqB,eAAwB;AACpE,cAAY,IAAI,KAAK;AACrB,oBAAkB,KAAK;AACvB,MAAI,CAAC,cAAe;AACpB,eAAa,QAAQ,sBAAsB,KAAK;AAClD;AAEA,SAAS,+BAA+B;AACtC,QAAM,YAAY,CAAC,MAAoB;AACrC,QAAI,EAAE,QAAQ,qBAAsB;AACpC,UAAM,cAAc,EAAE;AACtB,UAAM,SAAS,EAAE,UAAU,aAAa,WAAW;AACnD,QAAI,CAAC,OAAO,SAAS;AACnB,cAAQ,IAAI,+BAA+B;AAC3C;AAAA,IACF;AACA,aAAS,OAAO,QAAQ,KAAK;AAAA,EAC/B;AACA,SAAO,iBAAiB,WAAW,SAAS;AAC5C,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,eAAe,YAAY,IAAA;AACjC,QAAM,WAAW,WAAW,YAAY;AAExC,QAAM,YAAY,uBAAuB,QAAQ;AACjD,QAAM,QAAQ,uBAAuB,SAAS,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ;AAC/B,WAAS,EAAE,OAAO,MAAM,SAAS,aAAa,SAAS;AACvD,WAAS,UAAU,IAAI;AACzB;"}
+{"version":3,"file":"themeSignal.js","sources":["../../../lib/interactive/theme/themeSignal.ts"],"sourcesContent":["import { isServer } from \"solid-js/web\"\nimport * as v from \"valibot\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport {\n  getThemeFromStorageOrBrowserPref,\n  nextTheme2,\n  setThemeToBrowser,\n  themeIcon,\n  themeLocalStorageKey,\n  themeSchema,\n  type ThemeVariant,\n  themeVariant,\n} from \"~ui/interactive/theme/themeVariant\"\nimport { toastAdd } from \"~ui/interactive/toast/toastAdd\"\nimport { toastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\nexport const themeSignal = createSignalObject<ThemeVariant>(themeVariant.os)\n\nexport function themeInit() {\n  if (isServer) return // Skip during SSR\n  const theme = getThemeFromStorageOrBrowserPref()\n  themeSet(theme, false)\n  themeRegisterStorageListener()\n}\n\nexport function themeSet(theme: ThemeVariant, saveToStorage: boolean) {\n  themeSignal.set(theme)\n  setThemeToBrowser(theme)\n  if (!saveToStorage) return\n  localStorage.setItem(themeLocalStorageKey, theme)\n}\n\nfunction themeRegisterStorageListener() {\n  const onStorage = (e: StorageEvent) => {\n    if (e.key !== themeLocalStorageKey) return\n    const themeString = e.newValue\n    const result = v.safeParse(themeSchema, themeString)\n    if (!result.success) {\n      console.log(\"failed to parse storage event\")\n      return\n    }\n    themeSet(result.output, false)\n  }\n  window.addEventListener(\"storage\", onStorage)\n  return () => {\n    window.removeEventListener(\"storage\", onStorage)\n  }\n}\n\nexport function themeRotate() {\n  const currentTheme = themeSignal.get()\n  const newTheme = nextTheme2(currentTheme)\n\n  const themeText = themeButtonTextDefault[newTheme]\n  const title = themeButtonTextDefault.setTheme(themeText)\n  const icon = themeIcon(newTheme)\n  toastAdd({ title, icon, variant: toastVariant.default })\n  themeSet(newTheme, true)\n}\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,cAAc,mBAAiC,aAAa,EAAE;AAEpE,SAAS,YAAY;AAC1B,MAAI,SAAU;AACd,QAAM,QAAQ,iCAAA;AACd,WAAS,OAAO,KAAK;AACrB,+BAAA;AACF;AAEO,SAAS,SAAS,OAAqB,eAAwB;AACpE,cAAY,IAAI,KAAK;AACrB,oBAAkB,KAAK;AACvB,MAAI,CAAC,cAAe;AACpB,eAAa,QAAQ,sBAAsB,KAAK;AAClD;AAEA,SAAS,+BAA+B;AACtC,QAAM,YAAY,CAAC,MAAoB;AACrC,QAAI,EAAE,QAAQ,qBAAsB;AACpC,UAAM,cAAc,EAAE;AACtB,UAAM,SAAS,EAAE,UAAU,aAAa,WAAW;AACnD,QAAI,CAAC,OAAO,SAAS;AACnB,cAAQ,IAAI,+BAA+B;AAC3C;AAAA,IACF;AACA,aAAS,OAAO,QAAQ,KAAK;AAAA,EAC/B;AACA,SAAO,iBAAiB,WAAW,SAAS;AAC5C,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,eAAe,YAAY,IAAA;AACjC,QAAM,WAAW,WAAW,YAAY;AAExC,QAAM,YAAY,uBAAuB,QAAQ;AACjD,QAAM,QAAQ,uBAAuB,SAAS,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ;AAC/B,WAAS,EAAE,OAAO,MAAM,SAAS,aAAa,SAAS;AACvD,WAAS,UAAU,IAAI;AACzB;"}

package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js

@@ -110,6 +110,7 @@ async function detectOverflow(state, options) {
     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
   };
 }
+const MAX_RESET_COUNT = 50;
 const computePosition = async (reference, floating, config) => {
   const {
     placement = "bottom",
@@ -117,7 +118,10 @@ const computePosition = async (reference, floating, config) => {
     middleware = [],
     platform
   } = config;
-  const validMiddleware = middleware.filter(Boolean);
+  const platformWithDetectOverflow = platform.detectOverflow ? platform : {
+    ...platform,
+    detectOverflow
+  };
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
   let rects = await platform.getElementRects({
     reference,
@@ -129,14 +133,17 @@ const computePosition = async (reference, floating, config) => {
     y
   } = computeCoordsFromPlacement(rects, placement, rtl);
   let statefulPlacement = placement;
-  let middlewareData = {};
   let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
-    var _platform$detectOverf;
+  const middlewareData = {};
+  for (let i = 0; i < middleware.length; i++) {
+    const currentMiddleware = middleware[i];
+    if (!currentMiddleware) {
+      continue;
+    }
     const {
       name,
       fn
-    } = validMiddleware[i];
+    } = currentMiddleware;
     const {
       x: nextX,
       y: nextY,
@@ -150,10 +157,7 @@ const computePosition = async (reference, floating, config) => {
       strategy,
       middlewareData,
       rects,
-      platform: {
-        ...platform,
-        detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow
-      },
+      platform: platformWithDetectOverflow,
       elements: {
         reference,
         floating
@@ -161,14 +165,11 @@ const computePosition = async (reference, floating, config) => {
     });
     x = nextX != null ? nextX : x;
     y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
+    middlewareData[name] = {
+      ...middlewareData[name],
+      ...data
     };
-    if (reset && resetCount <= 50) {
+    if (reset && resetCount < MAX_RESET_COUNT) {
       resetCount++;
       if (typeof reset === "object") {
         if (reset.placement) {