@neut/ui 0.0.12 → 0.0.14

package/dist/components/toast/Toast/Toast.types.d.ts

@@ -0,0 +1,90 @@
+import { JSX, JSXElement } from 'solid-js';
+export type ToastTypes = "success" | "info" | "warning" | "error" | "loading" | "default";
+export type Position = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+export type Theme = "light" | "dark";
+export type SwipeDirection = "top" | "right" | "bottom" | "left";
+export interface Action {
+    label: JSXElement;
+    onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
+    actionButtonStyle?: JSX.CSSProperties;
+}
+export interface ToastIcons {
+    success?: JSXElement;
+    info?: JSXElement;
+    warning?: JSXElement;
+    error?: JSXElement;
+    loading?: JSXElement;
+    close?: JSXElement;
+}
+export interface ToastClassnames {
+    toast?: string;
+    title?: string;
+    description?: string;
+    loader?: string;
+    cancelButton?: string;
+    actionButton?: string;
+    closeButton?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    warning?: string;
+    loading?: string;
+    default?: string;
+    content?: string;
+    icon?: string;
+}
+export type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
+export type PromiseTResult<Data = any> = string | JSXElement | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);
+export interface PromiseData<ToastData = any> {
+    loading?: string | JSXElement;
+    success?: PromiseTResult<ToastData>;
+    error?: PromiseTResult;
+    description?: PromiseTResult;
+    finally?: () => void | Promise<void>;
+}
+export interface ToastT {
+    id: string;
+    toasterId?: string;
+    title?: JSXElement | (() => JSXElement);
+    description?: JSXElement | (() => JSXElement);
+    type?: ToastTypes;
+    icon?: JSXElement;
+    jsx?: JSXElement;
+    richColors?: boolean;
+    invert?: boolean;
+    closeButton?: boolean;
+    dismissible?: boolean;
+    duration?: number;
+    delete?: boolean;
+    action?: Action | JSXElement;
+    cancel?: Action | JSXElement;
+    onDismiss?: (toast: ToastT) => void;
+    onAutoClose?: (toast: ToastT) => void;
+    promise?: PromiseT;
+    style?: JSX.CSSProperties;
+    class?: string;
+    classes?: ToastClassnames;
+    descriptionClass?: string;
+    position?: Position;
+    testId?: string;
+}
+export type ExternalToast = Omit<ToastT, "id" | "type" | "title" | "jsx" | "delete" | "promise"> & {
+    id?: string;
+    toasterId?: string;
+};
+export interface ToastProps {
+    toast: ToastT;
+    closeButton: boolean;
+    duration?: number;
+    class?: string;
+    icons?: ToastIcons;
+    closeButtonAriaLabel?: string;
+    defaultRichColors?: boolean;
+    onRemove: (id: string) => void;
+    index: number;
+    total: number;
+    expanded: boolean;
+    position: Position;
+    gap: number;
+}
+export declare const isAction: (action: Action | JSXElement) => action is Action;

package/dist/components/toast/Toast/Toast.types.js

@@ -0,0 +1,6 @@
+//#region src/components/toast/Toast/Toast.types.ts
+var e = (e) => e?.label !== void 0;
+//#endregion
+export { e as isAction };
+
+//# sourceMappingURL=Toast.types.js.map

package/dist/components/toast/Toast/Toast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.js","names":[],"sources":["../../../../src/components/toast/Toast/Toast.types.ts"],"sourcesContent":["import type { JSX, JSXElement } from \"solid-js\";\n\nexport type ToastTypes =\n  | \"success\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"loading\"\n  | \"default\";\n\nexport type Position =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport type Theme = \"light\" | \"dark\";\nexport type SwipeDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface Action {\n  label: JSXElement;\n  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;\n  actionButtonStyle?: JSX.CSSProperties;\n}\n\nexport interface ToastIcons {\n  success?: JSXElement;\n  info?: JSXElement;\n  warning?: JSXElement;\n  error?: JSXElement;\n  loading?: JSXElement;\n  close?: JSXElement;\n}\n\nexport interface ToastClassnames {\n  toast?: string;\n  title?: string;\n  description?: string;\n  loader?: string;\n  cancelButton?: string;\n  actionButton?: string;\n  closeButton?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  warning?: string;\n  loading?: string;\n  default?: string;\n  content?: string;\n  icon?: string;\n}\n\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\n\nexport type PromiseTResult<Data = any> =\n  | string\n  | JSXElement\n  | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);\n\nexport interface PromiseData<ToastData = any> {\n  loading?: string | JSXElement;\n  success?: PromiseTResult<ToastData>;\n  error?: PromiseTResult;\n  description?: PromiseTResult;\n  finally?: () => void | Promise<void>;\n}\n\nexport interface ToastT {\n  id: string;\n  toasterId?: string;\n  title?: JSXElement | (() => JSXElement);\n  description?: JSXElement | (() => JSXElement);\n  type?: ToastTypes;\n  icon?: JSXElement;\n  jsx?: JSXElement;\n  richColors?: boolean;\n  invert?: boolean;\n  closeButton?: boolean;\n  dismissible?: boolean;\n  duration?: number;\n  delete?: boolean;\n  action?: Action | JSXElement;\n  cancel?: Action | JSXElement;\n  onDismiss?: (toast: ToastT) => void;\n  onAutoClose?: (toast: ToastT) => void;\n  promise?: PromiseT;\n  style?: JSX.CSSProperties;\n  class?: string;\n  classes?: ToastClassnames;\n  descriptionClass?: string;\n  position?: Position;\n  testId?: string;\n}\n\nexport type ExternalToast = Omit<\n  ToastT,\n  \"id\" | \"type\" | \"title\" | \"jsx\" | \"delete\" | \"promise\"\n> & {\n  id?: string;\n  toasterId?: string;\n};\n\nexport interface ToastProps {\n  toast: ToastT;\n  closeButton: boolean;\n  duration?: number;\n  class?: string;\n  icons?: ToastIcons;\n  closeButtonAriaLabel?: string;\n  defaultRichColors?: boolean;\n  onRemove: (id: string) => void;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}\n\nexport const isAction = (action: Action | JSXElement): action is Action => {\n  return (action as Action)?.label !== undefined;\n};\n"],"mappings":";AAwHA,IAAa,KAAY,MACf,GAAmB,UAAU,KAAA"}

package/dist/components/toast/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast } from './Toast';
+export type { Action, ExternalToast, Position, PromiseData, PromiseT, PromiseTResult, SwipeDirection, Theme, ToastClassnames, ToastIcons, ToastProps, ToastT, ToastTypes, isAction, } from './Toast.types';

package/dist/components/toast/{components → Toaster}/Toaster.d.ts

@@ -1,3 +1,3 @@
 import { Component } from 'solid-js';
-import { ToasterProps } from '../types';
+import { ToasterProps } from './Toaster.types';
 export declare const Toaster: Component<ToasterProps>;

package/dist/components/toast/Toaster/Toaster.js

@@ -0,0 +1,102 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Toast as t } from "../Toast/Toast.js";
+import { removeToast as n, useSonner as r } from "../state/toast.js";
+import { toasterContainerClass as i } from "./Toaster.styles.js";
+import { getDocumentDirection as a, getPositionClass as o, resolveOffsetStyle as s } from "./Toaster.utils.js";
+import { Portal as c, className as l, createComponent as u, effect as d, insert as f, setAttribute as p, style as m, template as h } from "solid-js/web";
+import { For as g, Show as _, createMemo as v, createSignal as y, mergeProps as b, onCleanup as x, onMount as S } from "solid-js";
+//#region src/components/toast/Toaster/Toaster.tsx
+var C = /*#__PURE__*/ h("<div data-slot=toaster>"), w = /*#__PURE__*/ h("<ol data-slot=toaster-viewport aria-live=polite aria-relevant=\"additions text\"aria-atomic=false tabindex=-1>"), T = (h) => {
+	let T = b({
+		position: "bottom-right",
+		gap: 14,
+		visibleToasts: 3,
+		dir: a(),
+		containerAriaLabel: "Notifications",
+		hotkey: ["altKey", "KeyT"]
+	}, h), { toasts: E } = r(), [D, O] = y(!1), k = v(() => {
+		let e = T.id;
+		return e ? E.filter((t) => t.toasterId === e) : E.filter((e) => !e.toasterId);
+	}), A = v(() => Array.from(new Set([T.position].concat(k().filter((e) => e.position).map((e) => e.position))))), j = (e) => k().filter((t) => t.position ? t.position === e : e === T.position), M = (e) => {
+		let t = j(e);
+		return T.expand ? t : t.slice(0, T.visibleToasts);
+	};
+	S(() => {
+		let e = (e) => {
+			T.hotkey.length > 0 && T.hotkey.every((t) => e[t] || e.code === t) && O(!0), e.code === "Escape" && O(!1);
+		};
+		document.addEventListener("keydown", e), x(() => document.removeEventListener("keydown", e));
+	});
+	let N = (e) => s(e, T.offset, T.mobileOffset);
+	return u(c, { get children() {
+		var r = C();
+		return f(r, u(g, {
+			get each() {
+				return A();
+			},
+			children: (r) => u(_, {
+				get when() {
+					return M(r).length > 0;
+				},
+				get children() {
+					var a = w();
+					return a.addEventListener("mouseleave", () => O(!1)), a.addEventListener("mouseenter", () => O(!0)), p(a, "data-position", r), f(a, u(g, {
+						get each() {
+							return M(r);
+						},
+						children: (e, i) => u(t, {
+							toast: e,
+							get index() {
+								return i();
+							},
+							get total() {
+								return M(r).length;
+							},
+							get expanded() {
+								return D();
+							},
+							position: r,
+							get gap() {
+								return T.gap;
+							},
+							get closeButton() {
+								return e.closeButton ?? T.toastOptions?.closeButton ?? T.closeButton ?? !1;
+							},
+							get duration() {
+								return T.toastOptions?.duration ?? T.duration;
+							},
+							get class() {
+								return T.toastOptions?.class;
+							},
+							get icons() {
+								return T.icons;
+							},
+							get closeButtonAriaLabel() {
+								return T.toastOptions?.closeButtonAriaLabel;
+							},
+							get defaultRichColors() {
+								return T.richColors;
+							},
+							onRemove: n
+						})
+					})), d((t) => {
+						var n = T.customAriaLabel ?? T.containerAriaLabel, s = e(i, o(r), D() ? r.startsWith("top") ? "flex flex-col" : "flex flex-col-reverse" : "grid"), c = {
+							gap: `${T.gap}px`,
+							...N(r),
+							...T.style
+						};
+						return n !== t.e && p(a, "aria-label", t.e = n), s !== t.t && l(a, t.t = s), t.a = m(a, c, t.a), t;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0
+					}), a;
+				}
+			})
+		})), d(() => p(r, "dir", T.dir === "auto" ? a() : T.dir)), r;
+	} });
+};
+//#endregion
+export { T as Toaster };
+
+//# sourceMappingURL=Toaster.js.map

package/dist/components/toast/Toaster/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","names":["For","createMemo","createSignal","mergeProps","onCleanup","onMount","Show","Component","Portal","clsx","Toast","Position","ToastT","removeToast","useSonner","ToasterProps","toasterContainerClass","getDocumentDirection","getPositionClass","resolveOffsetStyle","Toaster","props","merged","position","gap","visibleToasts","dir","containerAriaLabel","hotkey","const","toasts","expanded","setExpanded","filteredToasts","id","filter","toast","toasterId","possiblePositions","Array","from","Set","concat","map","toastsForPosition","visibleToastsForPosition","list","expand","slice","onKeyDown","e","KeyboardEvent","hotkeyPressed","length","every","key","code","document","addEventListener","removeEventListener","offsetStyle","offset","mobileOffset","_$createComponent","children","_el$","_tmpl$","_$insert","each","when","_el$2","_tmpl$2","_$setAttribute","index","total","closeButton","toastOptions","duration","class","icons","closeButtonAriaLabel","defaultRichColors","richColors","onRemove","_$effect","_p$","_v$","customAriaLabel","_v$2","startsWith","_v$3","style","Record","t","_$className","a","_$style","undefined"],"sources":["../../../../src/components/toast/Toaster/Toaster.tsx"],"sourcesContent":["import {\n  For,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  type Component,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { Toast } from \"../Toast\";\nimport type { Position, ToastT } from \"../Toast/Toast.types\";\nimport { removeToast, useSonner } from \"../state/toast\";\nimport type { ToasterProps } from \"./Toaster.types\";\nimport { toasterContainerClass } from \"./Toaster.styles\";\nimport {\n  getDocumentDirection,\n  getPositionClass,\n  resolveOffsetStyle,\n} from \"./Toaster.utils\";\n\nexport const Toaster: Component<ToasterProps> = (props) => {\n  const merged = mergeProps(\n    {\n      position: \"bottom-right\",\n      gap: 14,\n      visibleToasts: 3,\n      dir: getDocumentDirection(),\n      containerAriaLabel: \"Notifications\",\n      hotkey: [\"altKey\", \"KeyT\"] as string[],\n    } as const,\n    props,\n  );\n\n  const { toasts } = useSonner();\n  const [expanded, setExpanded] = createSignal(false);\n\n  const filteredToasts = createMemo(() => {\n    const id = merged.id;\n    return id\n      ? toasts.filter((toast) => toast.toasterId === id)\n      : toasts.filter((toast) => !toast.toasterId);\n  });\n\n  const possiblePositions = createMemo(() =>\n    Array.from(\n      new Set(\n        [merged.position].concat(\n          filteredToasts()\n            .filter((toast) => toast.position)\n            .map((toast) => toast.position as Position),\n        ),\n      ),\n    ),\n  );\n\n  const toastsForPosition = (position: Position) =>\n    filteredToasts().filter((toast) => {\n      if (toast.position) return toast.position === position;\n      return position === merged.position;\n    });\n\n  const visibleToastsForPosition = (position: Position) => {\n    const list = toastsForPosition(position);\n    if (merged.expand) return list;\n    return list.slice(0, merged.visibleToasts);\n  };\n\n  onMount(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      const hotkeyPressed =\n        merged.hotkey.length > 0 &&\n        merged.hotkey.every((key) => (e as any)[key] || e.code === key);\n      if (hotkeyPressed) setExpanded(true);\n      if (e.code === \"Escape\") setExpanded(false);\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const offsetStyle = (position: Position) =>\n    resolveOffsetStyle(position, merged.offset, merged.mobileOffset);\n\n  return (\n    <Portal>\n      <div\n        data-slot=\"toaster\"\n        dir={merged.dir === \"auto\" ? getDocumentDirection() : merged.dir}\n      >\n        <For each={possiblePositions()}>\n          {(position) => (\n            <Show when={visibleToastsForPosition(position).length > 0}>\n              <ol\n                data-slot=\"toaster-viewport\"\n                data-position={position}\n                aria-live=\"polite\"\n                aria-relevant=\"additions text\"\n                aria-atomic=\"false\"\n                aria-label={merged.customAriaLabel ?? merged.containerAriaLabel}\n                tabIndex={-1}\n                class={clsx(\n                  toasterContainerClass,\n                  getPositionClass(position),\n                  expanded()\n                    ? position.startsWith(\"top\")\n                      ? \"flex flex-col\"\n                      : \"flex flex-col-reverse\"\n                    : \"grid\",\n                )}\n                style={{\n                  gap: `${merged.gap}px`,\n                  ...offsetStyle(position),\n                  ...(merged.style as Record<string, string | number>),\n                }}\n                onMouseEnter={() => setExpanded(true)}\n                onMouseLeave={() => setExpanded(false)}\n              >\n                <For each={visibleToastsForPosition(position)}>\n                  {(toast: ToastT, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index()}\n                      total={visibleToastsForPosition(position).length}\n                      expanded={expanded()}\n                      position={position}\n                      gap={merged.gap}\n                      closeButton={\n                        toast.closeButton ??\n                        merged.toastOptions?.closeButton ??\n                        merged.closeButton ??\n                        false\n                      }\n                      duration={\n                        merged.toastOptions?.duration ?? merged.duration\n                      }\n                      class={merged.toastOptions?.class}\n                      icons={merged.icons}\n                      closeButtonAriaLabel={\n                        merged.toastOptions?.closeButtonAriaLabel\n                      }\n                      defaultRichColors={merged.richColors}\n                      onRemove={removeToast}\n                    />\n                  )}\n                </For>\n              </ol>\n            </Show>\n          )}\n        </For>\n      </div>\n    </Portal>\n  );\n};\n"],"mappings":"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"}

package/dist/components/toast/Toaster/Toaster.styles.d.ts

@@ -0,0 +1 @@
+export declare const toasterContainerClass = "fixed z-100 w-[356px] max-w-[calc(100vw-2rem)]";

package/dist/components/toast/Toaster/Toaster.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/toast/Toaster/Toaster.styles.ts
+var e = "fixed z-100 w-[356px] max-w-[calc(100vw-2rem)]";
+//#endregion
+export { e as toasterContainerClass };
+
+//# sourceMappingURL=Toaster.styles.js.map

package/dist/components/toast/Toaster/Toaster.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.styles.js","names":[],"sources":["../../../../src/components/toast/Toaster/Toaster.styles.ts"],"sourcesContent":["export const toasterContainerClass =\n  \"fixed z-100 w-[356px] max-w-[calc(100vw-2rem)]\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/toast/Toaster/Toaster.types.d.ts

@@ -0,0 +1,44 @@
+import { JSX } from 'solid-js';
+import { Position, SwipeDirection, ToastIcons, ToastClassnames } from '../Toast/Toast.types';
+export type Offset = {
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+} | string | number;
+export interface ToastOptions {
+    class?: string;
+    closeButton?: boolean;
+    descriptionClass?: string;
+    style?: JSX.CSSProperties;
+    cancelButtonStyle?: JSX.CSSProperties;
+    actionButtonStyle?: JSX.CSSProperties;
+    duration?: number;
+    classes?: ToastClassnames;
+    closeButtonAriaLabel?: string;
+    toasterId?: string;
+}
+export interface ToasterProps {
+    id?: string;
+    invert?: boolean;
+    /** @deprecated Toast 不再自行设置明暗主题，请直接设置 <html data-theme="..."> */
+    theme?: "light" | "dark" | "system";
+    position?: Position;
+    hotkey?: string[];
+    richColors?: boolean;
+    expand?: boolean;
+    duration?: number;
+    gap?: number;
+    visibleToasts?: number;
+    closeButton?: boolean;
+    toastOptions?: ToastOptions;
+    class?: string;
+    style?: JSX.CSSProperties;
+    offset?: Offset;
+    mobileOffset?: Offset;
+    dir?: "rtl" | "ltr" | "auto";
+    swipeDirections?: SwipeDirection[];
+    icons?: ToastIcons;
+    customAriaLabel?: string;
+    containerAriaLabel?: string;
+}

package/dist/components/toast/Toaster/Toaster.utils.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { Position, SwipeDirection } from '../Toast/Toast.types';
+import { Offset } from './Toaster.types';
+export declare function getPositionClass(position: Position): string;
+export declare function resolveOffsetStyle(position: Position, offset?: Offset, mobileOffset?: Offset): JSX.CSSProperties;
+export declare function getDefaultSwipeDirections(position: Position): SwipeDirection[];
+export declare function getDocumentDirection(): "rtl" | "ltr" | "auto";

package/dist/components/toast/Toaster/Toaster.utils.js

@@ -0,0 +1,33 @@
+//#region src/components/toast/Toaster/Toaster.utils.ts
+var e = "24px", t = "16px";
+function n(e) {
+	switch (e) {
+		case "top-left": return "top-0 left-0";
+		case "top-right": return "top-0 right-0";
+		case "top-center": return "top-0 left-1/2 -translate-x-1/2";
+		case "bottom-left": return "bottom-0 left-0";
+		case "bottom-right": return "bottom-0 right-0";
+		case "bottom-center": return "bottom-0 left-1/2 -translate-x-1/2";
+	}
+}
+function r(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+function i(n, i, a) {
+	let o = {}, [s, c] = n.split("-"), l = (e, t) => typeof e == "object" && e ? e : {
+		top: e ?? t,
+		right: e ?? t,
+		bottom: e ?? t,
+		left: e ?? t
+	}, u = l(i, e), d = l(a, t);
+	return s === "top" ? (o.top = r(u.top ?? e), o["--mobile-offset-top"] = r(d.top ?? t)) : (o.bottom = r(u.bottom ?? e), o["--mobile-offset-bottom"] = r(d.bottom ?? t)), c === "left" ? (o.left = r(u.left ?? e), o["--mobile-offset-left"] = r(d.left ?? t)) : c === "right" && (o.right = r(u.right ?? e), o["--mobile-offset-right"] = r(d.right ?? t)), o;
+}
+function a() {
+	if (typeof document > "u") return "ltr";
+	let e = document.documentElement.getAttribute("dir");
+	return e === "auto" || !e ? getComputedStyle(document.documentElement).direction : e;
+}
+//#endregion
+export { a as getDocumentDirection, n as getPositionClass, i as resolveOffsetStyle };
+
+//# sourceMappingURL=Toaster.utils.js.map

package/dist/components/toast/Toaster/Toaster.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.utils.js","names":[],"sources":["../../../../src/components/toast/Toaster/Toaster.utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { Position, SwipeDirection } from \"../Toast/Toast.types\";\nimport type { Offset } from \"./Toaster.types\";\n\nconst VIEWPORT_OFFSET = \"24px\";\nconst MOBILE_VIEWPORT_OFFSET = \"16px\";\n\nexport function getPositionClass(position: Position): string {\n  switch (position) {\n    case \"top-left\":\n      return \"top-0 left-0\";\n    case \"top-right\":\n      return \"top-0 right-0\";\n    case \"top-center\":\n      return \"top-0 left-1/2 -translate-x-1/2\";\n    case \"bottom-left\":\n      return \"bottom-0 left-0\";\n    case \"bottom-right\":\n      return \"bottom-0 right-0\";\n    case \"bottom-center\":\n      return \"bottom-0 left-1/2 -translate-x-1/2\";\n  }\n}\n\nfunction toPx(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport function resolveOffsetStyle(\n  position: Position,\n  offset?: Offset,\n  mobileOffset?: Offset,\n): JSX.CSSProperties {\n  const style: JSX.CSSProperties = {};\n  const [y, x] = position.split(\"-\");\n\n  const normalize = (value: Offset | undefined, fallback: string) =>\n    typeof value === \"object\" && value !== null\n      ? value\n      : {\n          top: value ?? fallback,\n          right: value ?? fallback,\n          bottom: value ?? fallback,\n          left: value ?? fallback,\n        };\n\n  const desktop = normalize(offset, VIEWPORT_OFFSET);\n  const mobile = normalize(mobileOffset, MOBILE_VIEWPORT_OFFSET);\n\n  if (y === \"top\") {\n    style.top = toPx(desktop.top ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-top\"] = toPx(mobile.top ?? MOBILE_VIEWPORT_OFFSET);\n  } else {\n    style.bottom = toPx(desktop.bottom ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-bottom\"] = toPx(\n      mobile.bottom ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  if (x === \"left\") {\n    style.left = toPx(desktop.left ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-left\"] = toPx(mobile.left ?? MOBILE_VIEWPORT_OFFSET);\n  } else if (x === \"right\") {\n    style.right = toPx(desktop.right ?? VIEWPORT_OFFSET);\n    style[\"--mobile-offset-right\"] = toPx(\n      mobile.right ?? MOBILE_VIEWPORT_OFFSET,\n    );\n  }\n\n  return style;\n}\n\nexport function getDefaultSwipeDirections(\n  position: Position,\n): SwipeDirection[] {\n  const [y, x] = position.split(\"-\");\n  const directions: SwipeDirection[] = [];\n  if (y) directions.push(y as SwipeDirection);\n  if (x) directions.push(x as SwipeDirection);\n  return directions;\n}\n\nexport function getDocumentDirection(): \"rtl\" | \"ltr\" | \"auto\" {\n  if (typeof document === \"undefined\") return \"ltr\";\n  const dir = document.documentElement.getAttribute(\"dir\");\n  if (dir === \"auto\" || !dir) {\n    return getComputedStyle(document.documentElement).direction as\n      | \"rtl\"\n      | \"ltr\"\n      | \"auto\";\n  }\n  return dir as \"rtl\" | \"ltr\" | \"auto\";\n}\n"],"mappings":";AAIA,IAAM,IAAkB,QAClB,IAAyB;AAE/B,SAAgB,EAAiB,GAA4B;CAC3D,QAAQ,GAAR;EACE,KAAK,YACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,gBACH,OAAO;EACT,KAAK,iBACH,OAAO;CACX;AACF;AAEA,SAAS,EAAK,GAAgC;CAC5C,OAAO,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM;AACpD;AAEA,SAAgB,EACd,GACA,GACA,GACmB;CACnB,IAAM,IAA2B,CAAC,GAC5B,CAAC,GAAG,KAAK,EAAS,MAAM,GAAG,GAE3B,KAAa,GAA2B,MAC5C,OAAO,KAAU,YAAY,IACzB,IACA;EACE,KAAK,KAAS;EACd,OAAO,KAAS;EAChB,QAAQ,KAAS;EACjB,MAAM,KAAS;CACjB,GAEA,IAAU,EAAU,GAAQ,CAAe,GAC3C,IAAS,EAAU,GAAc,CAAsB;CAsB7D,OApBI,MAAM,SACR,EAAM,MAAM,EAAK,EAAQ,OAAO,CAAe,GAC/C,EAAM,yBAAyB,EAAK,EAAO,OAAO,CAAsB,MAExE,EAAM,SAAS,EAAK,EAAQ,UAAU,CAAe,GACrD,EAAM,4BAA4B,EAChC,EAAO,UAAU,CACnB,IAGE,MAAM,UACR,EAAM,OAAO,EAAK,EAAQ,QAAQ,CAAe,GACjD,EAAM,0BAA0B,EAAK,EAAO,QAAQ,CAAsB,KACjE,MAAM,YACf,EAAM,QAAQ,EAAK,EAAQ,SAAS,CAAe,GACnD,EAAM,2BAA2B,EAC/B,EAAO,SAAS,CAClB,IAGK;AACT;AAYA,SAAgB,IAA+C;CAC7D,IAAI,OAAO,WAAa,KAAa,OAAO;CAC5C,IAAM,IAAM,SAAS,gBAAgB,aAAa,KAAK;CAOvD,OANI,MAAQ,UAAU,CAAC,IACd,iBAAiB,SAAS,eAAe,CAAC,CAAC,YAK7C;AACT"}

package/dist/components/toast/Toaster/index.d.ts

@@ -0,0 +1,3 @@
+export { Toaster } from './Toaster';
+export type { Offset, ToastOptions, ToasterProps } from './Toaster.types';
+export { getDefaultSwipeDirections, getDocumentDirection, getPositionClass, resolveOffsetStyle, } from './Toaster.utils';

package/dist/components/toast/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * index.ts
- * Public API surface — only re-exports what consumers need.
- * Internal modules (hooks, utils, constants) are intentionally not re-exported.
- */
-export { toast } from './state';
-export { Toaster } from './components/Toaster';
-export { Toast } from './components/Toast';
-export { useSonner } from './hooks';
-export type { Action, ExternalToast, ToasterProps, ToastClassnames, ToastT, ToastToDismiss, } from './types';
+export { Toaster } from './Toaster';
+export type { Offset, ToastOptions, ToasterProps } from './Toaster';
+export { Toast } from './Toast';
+export type { Action, ExternalToast, Position, PromiseData, PromiseT, PromiseTResult, SwipeDirection, Theme, ToastClassnames, ToastIcons, ToastProps, ToastT, ToastTypes, isAction, } from './Toast';
+export { getHistory, getToasts, toast, useSonner } from './state';

package/dist/components/toast/index.js

@@ -1,5 +1,4 @@
-import { toast as e } from "./state.js";
-import { useSonner as t } from "./hooks.js";
-import { Toast as n } from "./components/Toast.js";
-import { Toaster as r } from "./components/Toaster.js";
-export { n as Toast, r as Toaster, e as toast, t as useSonner };
+import { Toast as e } from "./Toast/Toast.js";
+import { getHistory as t, getToasts as n, toast as r, useSonner as i } from "./state/toast.js";
+import { Toaster as a } from "./Toaster/Toaster.js";
+export { e as Toast, a as Toaster, t as getHistory, n as getToasts, r as toast, i as useSonner };

package/dist/components/toast/state/index.d.ts

@@ -0,0 +1 @@
+export { getHistory, getToasts, toast, useSonner } from './toast';

package/dist/components/toast/state/toast.d.ts

@@ -0,0 +1,24 @@
+import { JSXElement } from 'solid-js';
+import { ExternalToast, PromiseData, PromiseT, ToastT } from '../Toast/Toast.types';
+export declare function useSonner(): {
+    toasts: ToastT[];
+};
+export declare function getToasts(): ToastT[];
+export declare function getHistory(): ToastT[];
+declare function dismissToast(id?: string): string | undefined;
+declare function removeToast(id: string): void;
+export declare const toast: ((message: JSXElement, data?: ExternalToast) => string) & {
+    success: (message: JSXElement, data?: ExternalToast) => string;
+    info: (message: JSXElement, data?: ExternalToast) => string;
+    warning: (message: JSXElement, data?: ExternalToast) => string;
+    error: (message: JSXElement, data?: ExternalToast) => string;
+    loading: (message: JSXElement, data?: ExternalToast) => string;
+    message: (message: JSXElement, data?: ExternalToast) => string;
+    custom: (jsx: (id: string) => JSXElement, data?: ExternalToast) => string;
+    dismiss: typeof dismissToast;
+    promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) => string | undefined;
+    getToasts: typeof getToasts;
+    getHistory: typeof getHistory;
+    remove: typeof removeToast;
+};
+export { dismissToast, removeToast };

package/dist/components/toast/state/toast.js

@@ -0,0 +1,116 @@
+import { createUniqueId as e } from "solid-js";
+import { createStore as t, produce as n } from "solid-js/store";
+//#region src/components/toast/state/toast.ts
+var [r, i] = t([]);
+function a() {
+	return { toasts: r };
+}
+function o() {
+	return r;
+}
+function s() {
+	return r;
+}
+function c(t) {
+	let r = t.id ?? e();
+	return i(n((e) => {
+		let n = e.find((e) => e.id === r), i = {
+			...t,
+			id: r,
+			title: t.message,
+			dismissible: t.dismissible ?? !0
+		};
+		n ? Object.assign(n, i, { title: t.message ?? n.title }) : e.unshift(i);
+	})), r;
+}
+function l(e) {
+	return i(n(e === void 0 ? (e) => {
+		for (let t of e) t.delete = !0;
+	} : (t) => {
+		let n = t.find((t) => t.id === e);
+		n && (n.delete = !0);
+	})), e;
+}
+function u(e) {
+	i(n((t) => {
+		let n = t.findIndex((t) => t.id === e);
+		n !== -1 && t.splice(n, 1);
+	}));
+}
+var d = Object.assign((e, t) => c({
+	...t,
+	message: e
+}), {
+	success: (e, t) => c({
+		...t,
+		type: "success",
+		message: e
+	}),
+	info: (e, t) => c({
+		...t,
+		type: "info",
+		message: e
+	}),
+	warning: (e, t) => c({
+		...t,
+		type: "warning",
+		message: e
+	}),
+	error: (e, t) => c({
+		...t,
+		type: "error",
+		message: e
+	}),
+	loading: (e, t) => c({
+		...t,
+		type: "loading",
+		message: e
+	}),
+	message: (e, t) => c({
+		...t,
+		message: e
+	}),
+	custom: (t, n) => {
+		let r = n?.id ?? e();
+		return c({
+			...n,
+			id: r,
+			jsx: t(r)
+		});
+	},
+	dismiss: l,
+	promise: (e, t) => {
+		if (!t) return;
+		let n;
+		return t.loading !== void 0 && (n = c({
+			...t,
+			type: "loading",
+			message: t.loading
+		})), Promise.resolve(typeof e == "function" ? e() : e).then(async (e) => {
+			let r = typeof t.success == "function" ? await t.success(e) : t.success;
+			r === void 0 ? n !== void 0 && l(n) : c({
+				id: n,
+				type: "success",
+				message: r,
+				description: typeof t.description == "function" ? await t.description(e) : t.description
+			});
+		}).catch(async (e) => {
+			let r = typeof t.error == "function" ? await t.error(e) : t.error;
+			r === void 0 ? n !== void 0 && l(n) : c({
+				id: n,
+				type: "error",
+				message: r,
+				description: typeof t.description == "function" ? await t.description(e) : t.description
+			});
+		}).finally(() => {
+			t.finally?.();
+		}), n;
+	},
+	getToasts: o,
+	getHistory: s,
+	remove: u
+});
+//#endregion
+export { l as dismissToast, s as getHistory, o as getToasts, u as removeToast, d as toast, a as useSonner };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/state/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":[],"sources":["../../../../src/components/toast/state/toast.ts"],"sourcesContent":["import { createUniqueId, type JSXElement } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport type {\n  ExternalToast,\n  PromiseData,\n  PromiseT,\n  ToastT,\n  ToastTypes,\n} from \"../Toast/Toast.types\";\n\nconst [toasts, setToasts] = createStore<ToastT[]>([]);\n\nexport function useSonner() {\n  return { toasts };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n\nexport function getHistory() {\n  return toasts;\n}\n\nfunction createToast(\n  data: ExternalToast & {\n    message?: JSXElement;\n    type?: ToastTypes;\n    jsx?: JSXElement;\n    promise?: PromiseT;\n  },\n): string {\n  const id = data.id ?? createUniqueId();\n\n  setToasts(\n    produce((list) => {\n      const existing = list.find((toast) => toast.id === id);\n      const next: ToastT = {\n        ...data,\n        id,\n        title: data.message,\n        dismissible: data.dismissible ?? true,\n      } as ToastT;\n\n      if (existing) {\n        Object.assign(existing, next, {\n          title: data.message ?? existing.title,\n        });\n      } else {\n        list.unshift(next);\n      }\n    }),\n  );\n\n  return id;\n}\n\nfunction dismissToast(id?: string) {\n  if (id !== undefined) {\n    setToasts(\n      produce((list) => {\n        const toast = list.find((item) => item.id === id);\n        if (toast) toast.delete = true;\n      }),\n    );\n  } else {\n    setToasts(\n      produce((list) => {\n        for (const toast of list) toast.delete = true;\n      }),\n    );\n  }\n  return id;\n}\n\nfunction removeToast(id: string) {\n  setToasts(\n    produce((list) => {\n      const index = list.findIndex((toast) => toast.id === id);\n      if (index !== -1) list.splice(index, 1);\n    }),\n  );\n}\n\nconst toastFunction = (message: JSXElement, data?: ExternalToast) =>\n  createToast({ ...data, message });\n\nexport const toast = Object.assign(toastFunction, {\n  success: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"success\", message }),\n  info: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"info\", message }),\n  warning: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"warning\", message }),\n  error: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"error\", message }),\n  loading: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, type: \"loading\", message }),\n  message: (message: JSXElement, data?: ExternalToast) =>\n    createToast({ ...data, message }),\n  custom: (jsx: (id: string) => JSXElement, data?: ExternalToast) => {\n    const id = data?.id ?? createUniqueId();\n    return createToast({ ...data, id, jsx: jsx(id) });\n  },\n  dismiss: dismissToast,\n  promise: <Data = any>(promise: PromiseT<Data>, data?: PromiseData<Data>) => {\n    if (!data) return;\n\n    let id: string | undefined;\n    if (data.loading !== undefined) {\n      id = createToast({\n        ...data,\n        type: \"loading\",\n        message: data.loading,\n      } as any);\n    }\n\n    Promise.resolve(typeof promise === \"function\" ? promise() : promise)\n      .then(async (result) => {\n        const message =\n          typeof data.success === \"function\"\n            ? await data.success(result)\n            : data.success;\n\n        if (message !== undefined) {\n          createToast({\n            id,\n            type: \"success\",\n            message: message as JSXElement,\n            description:\n              typeof data.description === \"function\"\n                ? await data.description(result)\n                : data.description,\n          } as any);\n        } else if (id !== undefined) {\n          dismissToast(id);\n        }\n      })\n      .catch(async (error) => {\n        const message =\n          typeof data.error === \"function\"\n            ? await data.error(error)\n            : data.error;\n\n        if (message !== undefined) {\n          createToast({\n            id,\n            type: \"error\",\n            message: message as JSXElement,\n            description:\n              typeof data.description === \"function\"\n                ? await data.description(error)\n                : data.description,\n          } as any);\n        } else if (id !== undefined) {\n          dismissToast(id);\n        }\n      })\n      .finally(() => {\n        data.finally?.();\n      });\n\n    return id as string;\n  },\n  getToasts,\n  getHistory,\n  remove: removeToast,\n});\n\nexport { dismissToast, removeToast };\n"],"mappings":"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"}

package/dist/components/toggle/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js';
+import { ToggleProps } from './Toggle.types';
+export declare function Toggle(props: ToggleProps): JSX.Element;

package/dist/components/toggle/Toggle/Toggle.js

@@ -0,0 +1,49 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { toggleVariants as t } from "./Toggle.styles.js";
+import { delegateEvents as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { createMemo as o, createSignal as s, mergeProps as c, splitProps as l } from "solid-js";
+//#region src/components/toggle/Toggle/Toggle.tsx
+var u = /*#__PURE__*/ a("<button data-slot=toggle>");
+function d(n) {
+	let a = c({ type: "button" }, n), [d, f] = l(a, [
+		"pressed",
+		"defaultPressed",
+		"onPressedChange",
+		"variant",
+		"size",
+		"class",
+		"value",
+		"type",
+		"onClick"
+	]), [p, m] = s(d.defaultPressed ?? !1), h = o(() => d.pressed === void 0 ? p() : d.pressed), g = (e) => {
+		d.pressed === void 0 && m(e), d.onPressedChange?.(e);
+	};
+	return (() => {
+		var n = u();
+		return n.$$click = (e) => {
+			d.onClick?.(e), e.defaultPrevented || g(!h());
+		}, i(n, r({
+			get type() {
+				return d.type;
+			},
+			get "data-state"() {
+				return h() ? "on" : "off";
+			},
+			get "aria-pressed"() {
+				return h();
+			},
+			get class() {
+				return e(t({
+					variant: d.variant,
+					size: d.size,
+					class: d.class
+				}));
+			}
+		}, f), !1, !1), n;
+	})();
+}
+n(["click"]);
+//#endregion
+export { d as Toggle };
+
+//# sourceMappingURL=Toggle.js.map

package/dist/components/toggle/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","clsx","toggleVariants","ToggleProps","Toggle","props","Element","merged","type","const","local","rest","internalPressed","setInternalPressed","defaultPressed","pressed","undefined","setPressed","next","onPressedChange","_el$","_tmpl$","$$click","e","onClick","defaultPrevented","_$spread","_$mergeProps","data-state","aria-pressed","class","variant","size","_$delegateEvents"],"sources":["../../../../src/components/toggle/Toggle/Toggle.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { toggleVariants } from \"./Toggle.styles\";\nimport type { ToggleProps } from \"./Toggle.types\";\n\nexport function Toggle(props: ToggleProps): JSX.Element {\n  const merged = mergeProps({ type: \"button\" as const }, props);\n\n  const [local, rest] = splitProps(merged, [\n    \"pressed\",\n    \"defaultPressed\",\n    \"onPressedChange\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"value\",\n    \"type\",\n    \"onClick\",\n  ]);\n\n  const [internalPressed, setInternalPressed] = createSignal(\n    local.defaultPressed ?? false,\n  );\n  const pressed = createMemo(() =>\n    local.pressed !== undefined ? local.pressed : internalPressed(),\n  );\n\n  const setPressed = (next: boolean) => {\n    if (local.pressed === undefined) setInternalPressed(next);\n    local.onPressedChange?.(next);\n  };\n\n  return (\n    <button\n      type={local.type as \"button\"}\n      data-slot=\"toggle\"\n      data-state={pressed() ? \"on\" : \"off\"}\n      aria-pressed={pressed()}\n      class={clsx(\n        toggleVariants({\n          variant: local.variant,\n          size: local.size,\n          class: local.class,\n        }),\n      )}\n      onClick={(e) => {\n        (local.onClick as any)?.(e);\n        if (!e.defaultPrevented) setPressed(!pressed());\n      }}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgBQ,EAAOC,GAAiC;CACtD,IAAME,IAAST,EAAW,EAAEU,MAAM,SAAkB,GAAGH,CAAK,GAEtD,CAACK,GAAOC,KAAQZ,EAAWQ,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEK,CAACK,GAAiBC,KAAsBhB,EAC5Ca,EAAMI,kBAAkB,EAC1B,GACMC,IAAUnB,QACdc,EAAMK,YAAYC,KAAAA,IAA4BJ,EAAgB,IAAhCF,EAAMK,OACtC,GAEME,KAAcC,MAAkB;EAEpCR,AADIA,EAAMK,YAAYC,KAAAA,KAAWH,EAAmBK,CAAI,GACxDR,EAAMS,kBAAkBD,CAAI;CAC9B;CAEA,cAAA;EAAA,IAAAE,IAAAC,EAAA;EAiBY,OAjBZD,EAAAE,WAacC,MAAM;GAEd,AADA,EAAOC,UAAkBD,CAAC,GACrBA,EAAEE,oBAAkBR,EAAW,CAACF,EAAQ,CAAC;EAChD,GAACW,EAAAN,GAAAO,EAAA;GAAA,IAdDnB,OAAI;IAAA,OAAEE,EAAMF;GAAgB;GAAA,IAAA,eAAA;IAAA,OAEhBO,EAAQ,IAAI,OAAO;GAAK;GAAA,IAAA,iBAAA;IAAA,OACtBA,EAAQ;GAAC;GAAA,IAAA,QAAA;IAAA,OAChBd,EACLC,EAAe;KACb6B,SAASrB,EAAMqB;KACfC,MAAMtB,EAAMsB;KACZF,OAAOpB,EAAMoB;IACf,CAAC,CACH;GAAC;EAAA,GAKGnB,CAAI,GAAA,IAAA,EAAA,GAAAS;CAAA,EAAA,CAAA;AAGd;AAACa,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/toggle/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const toggleVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;