@adaptive-ds/solid-ui 0.13.1 → 0.15.0

package/dist/interactive/toast/toastCva.js

@@ -1,50 +1,23 @@
-import { toastVariant } from "./toastVariant.js";
-import { classArr } from "../../utils/classArr.js";
 import { classMerge } from "../../utils/classMerge.js";
-const baseClasses = classArr(
-  "rounded-lg shadow-lg",
-  // card shadows/padding
-  "p-4"
-);
-const variantClasses = {
-  // filled grayscale
-  filled: classArr(
-    "dark:text-slate-100",
-    // text
-    "bg-white dark:bg-black",
-    // bg
-    "hover:bg-slate-50 dark:hover:bg-slate-900",
-    // bg hover
-    "border border-slate-200 dark:border-slate-700"
-    // border
-  ),
-  subtle: classArr(
-    "text-slate-900 dark:text-slate-100",
-    // text
-    "bg-slate-100 hover:bg-slate-200 dark:bg-slate-700"
-    // bg
-  ),
-  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: "bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700",
-  // filled colors status
-  success: "bg-green-500 text-white border-green-500",
-  error: "bg-red-600 text-white border-red-600 dark:border-red-600",
-  info: "bg-sky-500 text-white border-sky-500",
-  warning: "bg-yellow-500 text-white border-yellow-500"
+import { classArr } from "../../utils/classArr.js";
+import { toastVariant } from "./toastVariant.js";
+//#region ui/interactive/toast/toastCva.ts
+var baseClasses = classArr("rounded-lg shadow-lg", "p-4");
+var variantClasses = {
+	filled: classArr("dark:text-slate-100", "bg-white dark:bg-black", "hover:bg-slate-50 dark:hover:bg-slate-900", "border border-slate-200 dark:border-slate-700"),
+	subtle: classArr("text-slate-900 dark:text-slate-100", "bg-slate-100 hover:bg-slate-200 dark:bg-slate-700"),
+	default: classArr("text-white dark:text-slate-900 dark:hover:text-slate-900", "bg-slate-900 dark:bg-slate-50", "hover:bg-slate-700 dark:hover:bg-slate-300"),
+	primary: "bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700",
+	success: "bg-green-500 text-white border-green-500",
+	error: "bg-red-600 text-white border-red-600 dark:border-red-600",
+	info: "bg-sky-500 text-white border-sky-500",
+	warning: "bg-yellow-500 text-white border-yellow-500"
 };
-const defaultVariant = toastVariant.default;
+var defaultVariant = toastVariant.default;
 function toastCva(variant = defaultVariant, ...customClasses) {
-  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses);
+	return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses);
 }
-export {
-  toastCva
-};
-//# sourceMappingURL=toastCva.js.map
+//#endregion
+export { toastCva };
+
+//# sourceMappingURL=toastCva.js.map

package/dist/interactive/toast/toastCva.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastCva.js","sources":["../../../lib/interactive/toast/toastCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nconst baseClasses = classArr(\n  \"rounded-lg shadow-lg\", // card shadows/padding\n  \"p-4\",\n)\n\nconst variantClasses = {\n  // filled grayscale\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    \"border border-slate-200 dark:border-slate-700\", // border\n  ),\n  subtle: classArr(\n    \"text-slate-900 dark:text-slate-100\", // text\n    \"bg-slate-100 hover:bg-slate-200 dark:bg-slate-700\", // bg\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  // filled colors\n  primary: \"bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700\",\n  // filled colors status\n  success: \"bg-green-500 text-white border-green-500\",\n  error: \"bg-red-600 text-white border-red-600 dark:border-red-600\",\n  info: \"bg-sky-500 text-white border-sky-500\",\n  warning: \"bg-yellow-500 text-white border-yellow-500\",\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses)\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAc;AAAA,EAClB;AAAA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB;AAAA;AAAA,EAErB,QAAQ;AAAA,IACN;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA;AAAA,EAGF,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,iBAAiB,aAAa;AAE7B,SAAS,SACd,UAA+B,mBAC5B,eACH;AACA,SAAO,WAAW,aAAa,eAAe,WAAW,cAAc,GAAG,aAAa;AACzF;"}
+{"version":3,"file":"toastCva.js","names":[],"sources":["../../../ui/interactive/toast/toastCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"#ui/interactive/toast/toastVariant.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\n\nconst baseClasses = classArr(\n  \"rounded-lg shadow-lg\", // card shadows/padding\n  \"p-4\",\n)\n\nconst variantClasses = {\n  // filled grayscale\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    \"border border-slate-200 dark:border-slate-700\", // border\n  ),\n  subtle: classArr(\n    \"text-slate-900 dark:text-slate-100\", // text\n    \"bg-slate-100 hover:bg-slate-200 dark:bg-slate-700\", // bg\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  // filled colors\n  primary: \"bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700\",\n  // filled colors status\n  success: \"bg-green-500 text-white border-green-500\",\n  error: \"bg-red-600 text-white border-red-600 dark:border-red-600\",\n  info: \"bg-sky-500 text-white border-sky-500\",\n  warning: \"bg-yellow-500 text-white border-yellow-500\",\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses)\n}\n"],"mappings":";;;;AAIA,IAAM,cAAc,SAClB,wBACA,MACD;AAED,IAAM,iBAAiB;CAErB,QAAQ,SACN,uBACA,0BACA,6CACA,gDACD;CACD,QAAQ,SACN,sCACA,oDACD;CACD,SAAS,SACP,4DACA,iCACA,6CACD;CAED,SAAS;CAET,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV;AAED,IAAM,iBAAiB,aAAa;AAEpC,SAAgB,SACd,UAA+B,gBAC/B,GAAG,eACH;AACA,QAAO,WAAW,aAAa,eAAe,WAAW,iBAAiB,cAAc"}

package/dist/interactive/toast/toastDismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toastDismiss.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastDismiss.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAQ,QAQxD;AAED,wBAAgB,eAAe,SAG9B"}
+{"version":3,"file":"toastDismiss.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toastDismiss.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAQ,QAQxD;AAED,wBAAgB,eAAe,SAG9B"}

package/dist/interactive/toast/toastDismiss.js

@@ -1,19 +1,25 @@
 import { createToasterState } from "./GlobalToasterState.js";
 import { toasterState } from "./toasterState.js";
+//#region ui/interactive/toast/toastDismiss.ts
 function toastDismiss(toastId, log = false) {
-  let op = "toastDismiss";
-  const { toasts, timeouts } = toasterState.get();
-  if (log) console.debug({ op, toastId });
-  const newToasts = toasts.filter((t) => t.id !== toastId);
-  const { [toastId]: _, ...newTimeouts } = timeouts;
-  if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return;
-  toasterState.set({ toasts: newToasts, timeouts: newTimeouts });
+	let op = "toastDismiss";
+	const { toasts, timeouts } = toasterState.get();
+	if (log) console.debug({
+		op,
+		toastId
+	});
+	const newToasts = toasts.filter((t) => t.id !== toastId);
+	const { [toastId]: _, ...newTimeouts } = timeouts;
+	if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return;
+	toasterState.set({
+		toasts: newToasts,
+		timeouts: newTimeouts
+	});
 }
 function toastDismissAll() {
-  toasterState.set(createToasterState());
+	toasterState.set(createToasterState());
 }
-export {
-  toastDismiss,
-  toastDismissAll
-};
-//# sourceMappingURL=toastDismiss.js.map
+//#endregion
+export { toastDismiss, toastDismissAll };
+
+//# sourceMappingURL=toastDismiss.js.map

package/dist/interactive/toast/toastDismiss.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastDismiss.js","sources":["../../../lib/interactive/toast/toastDismiss.ts"],"sourcesContent":["import { createToasterState } from \"~ui/interactive/toast/GlobalToasterState\"\nimport { toasterState } from \"~ui/interactive/toast/toasterState\"\n\nexport function toastDismiss(toastId: string, log = false) {\n  let op = \"toastDismiss\"\n  const { toasts, timeouts } = toasterState.get()\n  if (log) console.debug({ op, toastId })\n  const newToasts = toasts.filter((t) => t.id !== toastId)\n  const { [toastId]: _, ...newTimeouts } = timeouts\n  if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return\n  toasterState.set({ toasts: newToasts, timeouts: newTimeouts })\n}\n\nexport function toastDismissAll() {\n  let op = \"toastDismissAll\"\n  toasterState.set(createToasterState())\n}\n"],"names":[],"mappings":";;AAGO,SAAS,aAAa,SAAiB,MAAM,OAAO;AACzD,MAAI,KAAK;AACT,QAAM,EAAE,QAAQ,aAAa,aAAa,IAAA;AAC1C,MAAI,IAAK,SAAQ,MAAM,EAAE,IAAI,SAAS;AACtC,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,OAAO;AACvD,QAAM,EAAE,CAAC,OAAO,GAAG,GAAG,GAAG,gBAAgB;AACzC,MAAI,OAAO,WAAW,UAAU,UAAU,OAAO,KAAK,WAAW,EAAE,WAAW,OAAO,KAAK,QAAQ,EAAE,OAAQ;AAC5G,eAAa,IAAI,EAAE,QAAQ,WAAW,UAAU,aAAa;AAC/D;AAEO,SAAS,kBAAkB;AAEhC,eAAa,IAAI,oBAAoB;AACvC;"}
+{"version":3,"file":"toastDismiss.js","names":[],"sources":["../../../ui/interactive/toast/toastDismiss.ts"],"sourcesContent":["import { createToasterState } from \"#ui/interactive/toast/GlobalToasterState.js\"\nimport { toasterState } from \"#ui/interactive/toast/toasterState.js\"\n\nexport function toastDismiss(toastId: string, log = false) {\n  let op = \"toastDismiss\"\n  const { toasts, timeouts } = toasterState.get()\n  if (log) console.debug({ op, toastId })\n  const newToasts = toasts.filter((t) => t.id !== toastId)\n  const { [toastId]: _, ...newTimeouts } = timeouts\n  if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return\n  toasterState.set({ toasts: newToasts, timeouts: newTimeouts })\n}\n\nexport function toastDismissAll() {\n  let op = \"toastDismissAll\"\n  toasterState.set(createToasterState())\n}\n"],"mappings":";;;AAGA,SAAgB,aAAa,SAAiB,MAAM,OAAO;CACzD,IAAI,KAAK;CACT,MAAM,EAAE,QAAQ,aAAa,aAAa,KAAK;AAC/C,KAAI,IAAK,SAAQ,MAAM;EAAE;EAAI;EAAS,CAAC;CACvC,MAAM,YAAY,OAAO,QAAQ,MAAM,EAAE,OAAO,QAAQ;CACxD,MAAM,GAAG,UAAU,GAAG,GAAG,gBAAgB;AACzC,KAAI,OAAO,WAAW,UAAU,UAAU,OAAO,KAAK,YAAY,CAAC,WAAW,OAAO,KAAK,SAAS,CAAC,OAAQ;AAC5G,cAAa,IAAI;EAAE,QAAQ;EAAW,UAAU;EAAa,CAAC;;AAGhE,SAAgB,kBAAkB;AAEhC,cAAa,IAAI,oBAAoB,CAAC"}

package/dist/interactive/toast/toastIconCva.d.ts

@@ -1,3 +1,3 @@
-import { ToastVariant } from './toastVariant';
+import { ToastVariant } from '#ui/interactive/toast/toastVariant.js';
 export declare function toastIconCva(variant?: ToastVariant | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
 //# sourceMappingURL=toastIconCva.d.ts.map

package/dist/interactive/toast/toastIconCva.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toastIconCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastIconCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAmCpF,wBAAgB,YAAY,CAC1B,OAAO,GAAE,YAAY,GAAG,IAAqB,EAC7C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAK9D"}
+{"version":3,"file":"toastIconCva.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toastIconCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAmCvF,wBAAgB,YAAY,CAC1B,OAAO,GAAE,YAAY,GAAG,IAAqB,EAC7C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAG9D"}

package/dist/interactive/toast/toastIconCva.js

@@ -1,44 +1,26 @@
-import { toastVariant } from "./toastVariant.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 variants = {
-  // 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"),
-  // filled colors status
-  success: classesWhiteWhite,
-  info: classesWhiteWhite,
-  warning: classesWhiteWhite,
-  error: classesWhiteWhite
+import { classArr } from "../../utils/classArr.js";
+import { toastVariant } from "./toastVariant.js";
+//#region ui/interactive/toast/toastIconCva.ts
+var classesTextFillBlack = "text-black fill-black";
+var classesTextFillWhite = "text-white fill-white";
+var classesBlackWhite = classArr(classesTextFillBlack, "dark:text-white", "dark:fill-white");
+var classesWhiteWhite = classArr(classesTextFillWhite, "dark:text-white", "dark:fill-white");
+var variants = {
+	filled: classesBlackWhite,
+	subtle: classesBlackWhite,
+	default: classArr(classesTextFillWhite, "dark:text-black dark:fill-black"),
+	primary: classArr(classesTextFillWhite, "dark:text-indigo-100 dark:fill-indigo-100"),
+	success: classesWhiteWhite,
+	info: classesWhiteWhite,
+	warning: classesWhiteWhite,
+	error: classesWhiteWhite
 };
-const defaultVariant = toastVariant.default;
+var defaultVariant = toastVariant.default;
 function toastIconCva(variant = defaultVariant, ...customClasses) {
-  return classMerge(
-    "size-6 min-w-6 min-h-6",
-    variants[variant ?? defaultVariant],
-    ...customClasses
-  );
+	return classMerge("size-6 min-w-6 min-h-6", variants[variant ?? defaultVariant], ...customClasses);
 }
-export {
-  toastIconCva
-};
-//# sourceMappingURL=toastIconCva.js.map
+//#endregion
+export { toastIconCva };
+
+//# sourceMappingURL=toastIconCva.js.map

package/dist/interactive/toast/toastIconCva.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastIconCva.js","sources":["../../../lib/interactive/toast/toastIconCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"~ui/interactive/toast/toastVariant\"\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 variants = {\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  // filled colors status\n  success: classesWhiteWhite,\n  info: classesWhiteWhite,\n  warning: classesWhiteWhite,\n  error: classesWhiteWhite,\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastIconCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(\n    \"size-6 min-w-6 min-h-6\",\n    variants[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,WAAW;AAAA;AAAA,EAEf,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS,SAAS,sBAAsB,iCAAiC;AAAA;AAAA,EAEzE,SAAS,SAAS,sBAAsB,2CAA2C;AAAA;AAAA,EAEnF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,iBAAiB,aAAa;AAE7B,SAAS,aACd,UAA+B,mBAC5B,eACH;AACA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,WAAW,cAAc;AAAA,IAAG,GAAG;AAAA,EAAA;AAC5C;"}
+{"version":3,"file":"toastIconCva.js","names":[],"sources":["../../../ui/interactive/toast/toastIconCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"#ui/interactive/toast/toastVariant.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\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 variants = {\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  // filled colors status\n  success: classesWhiteWhite,\n  info: classesWhiteWhite,\n  warning: classesWhiteWhite,\n  error: classesWhiteWhite,\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastIconCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(\"size-6 min-w-6 min-h-6\", variants[variant ?? defaultVariant], ...customClasses)\n}\n"],"mappings":";;;;AAIA,IAAM,uBAAuB;AAC7B,IAAM,uBAAuB;AAE7B,IAAM,oBAAoB,SACxB,sBACA,mBACA,kBACD;AAED,IAAM,oBAAoB,SACxB,sBACA,mBACA,kBACD;AAED,IAAM,WAAW;CAEf,QAAQ;CACR,QAAQ;CACR,SAAS,SAAS,sBAAsB,kCAAkC;CAE1E,SAAS,SAAS,sBAAsB,4CAA4C;CAEpF,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACR;AAED,IAAM,iBAAiB,aAAa;AAEpC,SAAgB,aACd,UAA+B,gBAC/B,GAAG,eACH;AACA,QAAO,WAAW,0BAA0B,SAAS,WAAW,iBAAiB,GAAG,cAAc"}

package/dist/interactive/toast/toastVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toastVariant.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;CAYf,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;;;CAYoB,CAAA"}
+{"version":3,"file":"toastVariant.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toastVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;CAYf,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;;;CAYoB,CAAA"}

package/dist/interactive/toast/toastVariant.js

@@ -1,32 +1,26 @@
-import { mdiAlertOctagram, mdiAlertCircle, mdiInformationOutline, mdiCheckCircle } from "@mdi/js";
-const toastVariant = {
-  // filled grayscale
-  filled: "filled",
-  subtle: "subtle",
-  default: "default",
-  // filled colors
-  primary: "primary",
-  // filled colors status
-  success: "success",
-  info: "info",
-  warning: "warning",
-  error: "error"
+import { mdiAlertCircle, mdiAlertOctagram, mdiCheckCircle, mdiInformationOutline } from "@mdi/js";
+//#region ui/interactive/toast/toastVariant.ts
+var toastVariant = {
+	filled: "filled",
+	subtle: "subtle",
+	default: "default",
+	primary: "primary",
+	success: "success",
+	info: "info",
+	warning: "warning",
+	error: "error"
 };
-const toastVariantIcon = {
-  // filled grayscale
-  filled: "",
-  subtle: "",
-  default: "",
-  // filled colors
-  primary: "",
-  // filled colors status
-  success: mdiCheckCircle,
-  info: mdiInformationOutline,
-  warning: mdiAlertCircle,
-  error: mdiAlertOctagram
+var toastVariantIcon = {
+	filled: "",
+	subtle: "",
+	default: "",
+	primary: "",
+	success: mdiCheckCircle,
+	info: mdiInformationOutline,
+	warning: mdiAlertCircle,
+	error: mdiAlertOctagram
 };
-export {
-  toastVariant,
-  toastVariantIcon
-};
-//# sourceMappingURL=toastVariant.js.map
+//#endregion
+export { toastVariant, toastVariantIcon };
+
+//# sourceMappingURL=toastVariant.js.map

package/dist/interactive/toast/toastVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastVariant.js","sources":["../../../lib/interactive/toast/toastVariant.ts"],"sourcesContent":["import { mdiAlertCircle, mdiAlertOctagram, mdiCheckCircle, mdiInformationOutline } from \"@mdi/js\"\n\nexport type ToastVariant = keyof typeof toastVariant\n\nexport const toastVariant = {\n  // filled grayscale\n  filled: \"filled\",\n  subtle: \"subtle\",\n  default: \"default\",\n  // filled colors\n  primary: \"primary\",\n  // filled colors status\n  success: \"success\",\n  info: \"info\",\n  warning: \"warning\",\n  error: \"error\",\n} as const\n\nexport const toastVariantIcon = {\n  // filled grayscale\n  filled: \"\",\n  subtle: \"\",\n  default: \"\",\n  // filled colors\n  primary: \"\",\n  // filled colors status\n  success: mdiCheckCircle,\n  info: mdiInformationOutline,\n  warning: mdiAlertCircle,\n  error: mdiAlertOctagram,\n} as const satisfies Record<ToastVariant, string>\n"],"names":[],"mappings":";AAIO,MAAM,eAAe;AAAA;AAAA,EAE1B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,mBAAmB;AAAA;AAAA,EAE9B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;"}
+{"version":3,"file":"toastVariant.js","names":[],"sources":["../../../ui/interactive/toast/toastVariant.ts"],"sourcesContent":["import { mdiAlertCircle, mdiAlertOctagram, mdiCheckCircle, mdiInformationOutline } from \"@mdi/js\"\n\nexport type ToastVariant = keyof typeof toastVariant\n\nexport const toastVariant = {\n  // filled grayscale\n  filled: \"filled\",\n  subtle: \"subtle\",\n  default: \"default\",\n  // filled colors\n  primary: \"primary\",\n  // filled colors status\n  success: \"success\",\n  info: \"info\",\n  warning: \"warning\",\n  error: \"error\",\n} as const\n\nexport const toastVariantIcon = {\n  // filled grayscale\n  filled: \"\",\n  subtle: \"\",\n  default: \"\",\n  // filled colors\n  primary: \"\",\n  // filled colors status\n  success: mdiCheckCircle,\n  info: mdiInformationOutline,\n  warning: mdiAlertCircle,\n  error: mdiAlertOctagram,\n} as const satisfies Record<ToastVariant, string>\n"],"mappings":";;AAIA,IAAa,eAAe;CAE1B,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,SAAS;CAET,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACR;AAED,IAAa,mBAAmB;CAE9B,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,SAAS;CAET,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACR"}

package/dist/interactive/toast/toasterSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toasterSettings.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toasterSettings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;CAGlB,CAAA"}
+{"version":3,"file":"toasterSettings.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toasterSettings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;CAGlB,CAAA"}

package/dist/interactive/toast/toasterSettings.js

@@ -1,9 +1,10 @@
 import { isDevEnv } from "../../env/isDevEnv.js";
-const toasterSettings = {
-  toastLimit: 3,
-  removeDelayMs: isDevEnv() ? 5e3 : 7e3
+//#region ui/interactive/toast/toasterSettings.ts
+var toasterSettings = {
+	toastLimit: 3,
+	removeDelayMs: isDevEnv() ? 5e3 : 7e3
 };
-export {
-  toasterSettings
-};
-//# sourceMappingURL=toasterSettings.js.map
+//#endregion
+export { toasterSettings };
+
+//# sourceMappingURL=toasterSettings.js.map

package/dist/interactive/toast/toasterSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"toasterSettings.js","sources":["../../../lib/interactive/toast/toasterSettings.ts"],"sourcesContent":["import { isDevEnv } from \"~ui/env/isDevEnv\"\n\nexport const toasterSettings = {\n  toastLimit: 3,\n  removeDelayMs: isDevEnv() ? 5000 : 7000,\n} as const\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,EACZ,eAAe,SAAA,IAAa,MAAO;AACrC;"}
+{"version":3,"file":"toasterSettings.js","names":[],"sources":["../../../ui/interactive/toast/toasterSettings.ts"],"sourcesContent":["import { isDevEnv } from \"#ui/env/isDevEnv.js\"\n\nexport const toasterSettings = {\n  toastLimit: 3,\n  removeDelayMs: isDevEnv() ? 5000 : 7000,\n} as const\n"],"mappings":";;AAEA,IAAa,kBAAkB;CAC7B,YAAY;CACZ,eAAe,UAAU,GAAG,MAAO;CACpC"}

package/dist/interactive/toast/toasterState.d.ts

@@ -1,2 +1,2 @@
-export declare const toasterState: import('../../utils/createSignalObject').SignalObject<import('./GlobalToasterState').GlobalToasterState>;
+export declare const toasterState: import('#ui/utils/createSignalObject.js').SignalObject<import('#ui/interactive/toast/GlobalToasterState.js').GlobalToasterState>;
 //# sourceMappingURL=toasterState.d.ts.map

package/dist/interactive/toast/toasterState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toasterState.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toasterState.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,4HAA2C,CAAA"}
+{"version":3,"file":"toasterState.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toasterState.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,kIAA2C,CAAA"}

package/dist/interactive/toast/toasterState.js

@@ -1,7 +1,8 @@
-import { createToasterState } from "./GlobalToasterState.js";
 import { createSignalObject } from "../../utils/createSignalObject.js";
-const toasterState = createSignalObject(createToasterState());
-export {
-  toasterState
-};
-//# sourceMappingURL=toasterState.js.map
+import { createToasterState } from "./GlobalToasterState.js";
+//#region ui/interactive/toast/toasterState.ts
+var toasterState = createSignalObject(createToasterState());
+//#endregion
+export { toasterState };
+
+//# sourceMappingURL=toasterState.js.map

package/dist/interactive/toast/toasterState.js.map

@@ -1 +1 @@
-{"version":3,"file":"toasterState.js","sources":["../../../lib/interactive/toast/toasterState.ts"],"sourcesContent":["import { createToasterState } from \"~ui/interactive/toast/GlobalToasterState\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\nexport const toasterState = createSignalObject(createToasterState())\n"],"names":[],"mappings":";;AAGO,MAAM,eAAe,mBAAmB,mBAAA,CAAoB;"}
+{"version":3,"file":"toasterState.js","names":[],"sources":["../../../ui/interactive/toast/toasterState.ts"],"sourcesContent":["import { createToasterState } from \"#ui/interactive/toast/GlobalToasterState.js\"\nimport { createSignalObject } from \"#ui/utils/createSignalObject.js\"\n\nexport const toasterState = createSignalObject(createToasterState())\n"],"mappings":";;;AAGA,IAAa,eAAe,mBAAmB,oBAAoB,CAAC"}

package/dist/interactive/toggle/ToggleButton.d.ts

@@ -1,8 +1,8 @@
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveDisabledAccessor } from '#ui/utils/MayHaveDisabledAccessor.js';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
 import { ComponentProps } from 'solid-js';
-import { MayHaveChildren } from '../../utils/MayHaveChildren';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveDisabledAccessor } from '../../utils/MayHaveDisabledAccessor';
-import { SignalObject } from '../../utils/createSignalObject';
 /**
  * https://github.com/radix-ui/primitives/blob/main/packages/react/toggle/src/Toggle.tsx
  * https://github.com/mui/base-ui/blob/master/packages/react/src/toggle/useToggle.ts

package/dist/interactive/toggle/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toggle/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,KAAK,uBAAuB,EAAc,MAAM,mCAAmC,CAAA;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE;;;GAGG;AACH,MAAM,WAAW,iBACf,SAAQ,sBAAsB,EAC5B,YAAY,EACZ,eAAe,EACf,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,EACzC,cAAc,CAAC,QAAQ,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACrC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCAqBhD"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toggle/ToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAc,MAAM,sCAAsC,CAAA;AAC/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1D;;;GAGG;AACH,MAAM,WAAW,iBACf,SACE,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,EACzC,cAAc,CAAC,QAAQ,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACrC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCAqBhD"}

package/dist/interactive/toggle/ToggleButton.js

@@ -1,43 +1,46 @@
-import { createComponent, mergeProps } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { ButtonIcon } from "../button/ButtonIcon.js";
 import { isDisabled } from "../../utils/MayHaveDisabledAccessor.js";
+import { ButtonIcon } from "../button/ButtonIcon.js";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+//#region ui/interactive/toggle/ToggleButton.tsx
 function ToggleButton(p) {
-  const [s, rest] = splitProps(p, ["title", "pressedSignal", "disabled", "onPressedChange", "onClick", "children"]);
-  return createComponent(ButtonIcon, mergeProps({
-    type: "button",
-    get title() {
-      return s.title;
-    },
-    get ["aria-pressed"]() {
-      return s.pressedSignal.get();
-    },
-    get ["data-state"]() {
-      return s.pressedSignal.get() ? "on" : "off";
-    },
-    get ["data-disabled"]() {
-      return isDisabled(p);
-    },
-    onClick: (e) => {
-      const next = togglePressed(p);
-      if (s.onPressedChange) {
-        s.onPressedChange(next);
-      }
-      if (s.onClick) s.onClick(e);
-    }
-  }, rest, {
-    get children() {
-      return s.children;
-    }
-  }));
+	const [s, rest] = splitProps(p, [
+		"title",
+		"pressedSignal",
+		"disabled",
+		"onPressedChange",
+		"onClick",
+		"children"
+	]);
+	return createComponent(ButtonIcon, mergeProps$1({
+		type: "button",
+		get title() {
+			return s.title;
+		},
+		get ["aria-pressed"]() {
+			return s.pressedSignal.get();
+		},
+		get ["data-state"]() {
+			return s.pressedSignal.get() ? "on" : "off";
+		},
+		get ["data-disabled"]() {
+			return isDisabled(p);
+		},
+		onClick: (e) => {
+			const next = togglePressed(p);
+			if (s.onPressedChange) s.onPressedChange(next);
+			if (s.onClick) s.onClick(e);
+		}
+	}, rest, { get children() {
+		return s.children;
+	} }));
 }
 function togglePressed(s) {
-  let prev = s.pressedSignal.get();
-  let next = !prev;
-  s.pressedSignal.set(next);
-  return next;
+	let next = !s.pressedSignal.get();
+	s.pressedSignal.set(next);
+	return next;
 }
-export {
-  ToggleButton
-};
-//# sourceMappingURL=ToggleButton.js.map
+//#endregion
+export { ToggleButton };
+
+//# sourceMappingURL=ToggleButton.js.map

package/dist/interactive/toggle/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../lib/interactive/toggle/ToggleButton.tsx"],"sourcesContent":["import { type ComponentProps, splitProps } from \"solid-js\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport { type MayHaveDisabledAccessor, isDisabled } from \"~ui/utils/MayHaveDisabledAccessor\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/toggle/src/Toggle.tsx\n * https://github.com/mui/base-ui/blob/master/packages/react/src/toggle/useToggle.ts\n */\nexport interface ToggleButtonProps\n  extends ToggleButtonStateProps,\n    MayHaveClass,\n    MayHaveChildren,\n    Omit<MayHaveDisabledAccessor, \"disabled\">,\n    ComponentProps<\"button\"> {\n  title: string\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void\n  onPressedChange?: (pressed: boolean) => void\n}\n\ntype ToggleButtonStateProps = {\n  pressedSignal: SignalObject<boolean>\n}\n\nexport function ToggleButton(p: ToggleButtonProps) {\n  const [s, rest] = splitProps(p, [\"title\", \"pressedSignal\", \"disabled\", \"onPressedChange\", \"onClick\", \"children\"])\n  return (\n    <ButtonIcon\n      type=\"button\"\n      title={s.title}\n      aria-pressed={s.pressedSignal.get()}\n      data-state={s.pressedSignal.get() ? \"on\" : \"off\"}\n      data-disabled={isDisabled(p)}\n      onClick={(e) => {\n        const next = togglePressed(p)\n        if (s.onPressedChange) {\n          s.onPressedChange(next)\n        }\n        if (s.onClick) s.onClick(e)\n      }}\n      {...rest}\n    >\n      {s.children}\n    </ButtonIcon>\n  )\n}\n\nfunction togglePressed(\n  s: Pick<ToggleButtonProps, \"disabled\" | \"title\" | \"pressedSignal\" | \"onPressedChange\" | \"onClick\">,\n): boolean {\n  let prev = s.pressedSignal.get()\n  let next = !prev\n  s.pressedSignal.set(next)\n  return next\n}\n"],"names":["ToggleButton","p","s","rest","splitProps","_$createComponent","ButtonIcon","_$mergeProps","type","title","pressedSignal","get","isDisabled","onClick","e","next","togglePressed","onPressedChange","children","prev","set"],"mappings":";;;;AA0BO,SAASA,aAAaC,GAAsB;AACjD,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,SAAS,iBAAiB,YAAY,mBAAmB,WAAW,UAAU,CAAC;AAChH,SAAAI,gBACGC,YAAUC,WAAA;AAAA,IACTC,MAAI;AAAA,IAAA,IACJC,QAAK;AAAA,aAAEP,EAAEO;AAAAA,IAAK;AAAA,IAAA,KAAA,cAAA,IAAA;AAAA,aACAP,EAAEQ,cAAcC,IAAAA;AAAAA,IAAK;AAAA,IAAA,KAAA,YAAA,IAAA;AAAA,aACvBT,EAAEQ,cAAcC,IAAAA,IAAQ,OAAO;AAAA,IAAK;AAAA,IAAA,KAAA,eAAA,IAAA;AAAA,aACjCC,WAAWX,CAAC;AAAA,IAAC;AAAA,IAC5BY,SAAUC,CAAAA,MAAM;AACd,YAAMC,OAAOC,cAAcf,CAAC;AAC5B,UAAIC,EAAEe,iBAAiB;AACrBf,UAAEe,gBAAgBF,IAAI;AAAA,MACxB;AACA,UAAIb,EAAEW,QAASX,GAAEW,QAAQC,CAAC;AAAA,IAC5B;AAAA,EAAA,GACIX,MAAI;AAAA,IAAA,IAAAe,WAAA;AAAA,aAEPhB,EAAEgB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGjB;AAEA,SAASF,cACPd,GACS;AACT,MAAIiB,OAAOjB,EAAEQ,cAAcC,IAAAA;AAC3B,MAAII,OAAO,CAACI;AACZjB,IAAEQ,cAAcU,IAAIL,IAAI;AACxB,SAAOA;AACT;"}
+{"version":3,"file":"ToggleButton.js","names":["ButtonIcon","MayHaveChildren","MayHaveClass","MayHaveDisabledAccessor","isDisabled","SignalObject","ComponentProps","splitProps","ToggleButtonProps","ToggleButtonStateProps","Omit","title","onClick","e","MouseEvent","currentTarget","HTMLButtonElement","target","Element","onPressedChange","pressed","pressedSignal","ToggleButton","p","s","rest","_$createComponent","_$mergeProps","type","aria-pressed","get","data-state","data-disabled","next","togglePressed","children","Pick","prev","set"],"sources":["../../../ui/interactive/toggle/ToggleButton.tsx"],"sourcesContent":["import { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { type MayHaveDisabledAccessor, isDisabled } from \"#ui/utils/MayHaveDisabledAccessor.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport { type ComponentProps, splitProps } from \"solid-js\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/toggle/src/Toggle.tsx\n * https://github.com/mui/base-ui/blob/master/packages/react/src/toggle/useToggle.ts\n */\nexport interface ToggleButtonProps\n  extends\n    ToggleButtonStateProps,\n    MayHaveClass,\n    MayHaveChildren,\n    Omit<MayHaveDisabledAccessor, \"disabled\">,\n    ComponentProps<\"button\"> {\n  title: string\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void\n  onPressedChange?: (pressed: boolean) => void\n}\n\ntype ToggleButtonStateProps = {\n  pressedSignal: SignalObject<boolean>\n}\n\nexport function ToggleButton(p: ToggleButtonProps) {\n  const [s, rest] = splitProps(p, [\"title\", \"pressedSignal\", \"disabled\", \"onPressedChange\", \"onClick\", \"children\"])\n  return (\n    <ButtonIcon\n      type=\"button\"\n      title={s.title}\n      aria-pressed={s.pressedSignal.get()}\n      data-state={s.pressedSignal.get() ? \"on\" : \"off\"}\n      data-disabled={isDisabled(p)}\n      onClick={(e) => {\n        const next = togglePressed(p)\n        if (s.onPressedChange) {\n          s.onPressedChange(next)\n        }\n        if (s.onClick) s.onClick(e)\n      }}\n      {...rest}\n    >\n      {s.children}\n    </ButtonIcon>\n  )\n}\n\nfunction togglePressed(\n  s: Pick<ToggleButtonProps, \"disabled\" | \"title\" | \"pressedSignal\" | \"onPressedChange\" | \"onClick\">,\n): boolean {\n  let prev = s.pressedSignal.get()\n  let next = !prev\n  s.pressedSignal.set(next)\n  return next\n}\n"],"mappings":";;;;;AA2BA,SAAgBsB,aAAaC,GAAsB;CACjD,MAAM,CAACC,GAAGC,QAAQlB,WAAWgB,GAAG;EAAC;EAAS;EAAiB;EAAY;EAAmB;EAAW;EAAW,CAAC;AACjH,QAAAG,gBACG1B,YAAU2B,aAAA;EACTC,MAAI;EAAA,IACJjB,QAAK;AAAA,UAAEa,EAAEb;;EAAK,KAAA,kBAAA;AAAA,UACAa,EAAEH,cAAcS,KAAK;;EAAA,KAAA,gBAAA;AAAA,UACvBN,EAAEH,cAAcS,KAAK,GAAG,OAAO;;EAAK,KAAA,mBAAA;AAAA,UACjC1B,WAAWmB,EAAE;;EAC5BX,UAAUC,MAAM;GACd,MAAMoB,OAAOC,cAAcX,EAAE;AAC7B,OAAIC,EAAEL,gBACJK,GAAEL,gBAAgBc,KAAK;AAEzB,OAAIT,EAAEZ,QAASY,GAAEZ,QAAQC,EAAE;;EAC5B,EACGY,MAAI,EAAA,IAAAU,WAAA;AAAA,SAEPX,EAAEW;IAAQ,CAAA,CAAA;;AAKjB,SAASD,cACPV,GACS;CAET,IAAIS,OAAO,CADAT,EAAEH,cAAcS,KAAK;AAEhCN,GAAEH,cAAciB,IAAIL,KAAK;AACzB,QAAOA"}

package/dist/interactive/toggle/ToggleButtonIconOnly.d.ts

@@ -1,10 +1,10 @@
+import { ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
+import { HasIcon } from '#ui/utils/HasIcon.js';
+import { HasTitle } from '#ui/utils/HasTitle.js';
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveIsLoading } from '#ui/utils/MayHaveIsLoading.js';
+import { SignalObject } from '#ui/utils/createSignalObject.js';
 import { Component, ComponentProps } from 'solid-js';
-import { ButtonCvaProps } from '../button/buttonCva';
-import { HasIcon } from '../../utils/HasIcon';
-import { HasTitle } from '../../utils/HasTitle';
-import { MayHaveChildren } from '../../utils/MayHaveChildren';
-import { MayHaveIsLoading } from '../../utils/MayHaveIsLoading';
-import { SignalObject } from '../../utils/createSignalObject';
 export interface ToggleButtonIconOnlyProps extends Omit<ComponentProps<"button">, "title" | "onClick">, ButtonCvaProps, HasTitle, HasIcon, MayHaveIsLoading, MayHaveChildren {
     pressedSignal: SignalObject<boolean>;
     onPressedChange?: (pressed: boolean) => void;

package/dist/interactive/toggle/ToggleButtonIconOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toggle/ToggleButtonIconOnly.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;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACzD,cAAc,EACd,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe;IACjB,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1F;AAED,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CA6CrE,CAAA"}
+{"version":3,"file":"ToggleButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toggle/ToggleButtonIconOnly.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAI5F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAEnE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,yBACf,SACE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACnD,cAAc,EACd,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe;IACjB,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1F;AAED,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CA6CrE,CAAA"}