asheeui 0.6.15 → 1.0.0

package/dist/components/textarea/Textarea.d.ts

@@ -1,11 +1,11 @@
 import { default as React, TextareaHTMLAttributes } from 'react';
 import { KeyboardOpenOptions } from '../keyboard';
 import { TextAreaConfig } from './textarea-config';
-type BaseTextAreaProps = TextAreaConfig & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "color" | "children">;
+type BaseTextareaProps = TextAreaConfig & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "color" | "children">;
 /**
- * Configuration options for the TextArea component.
+ * Configuration options for the Textarea component.
  */
-export interface TextAreaProps extends BaseTextAreaProps {
+export interface TextareaProps extends BaseTextareaProps {
     /**
      * Label text for the textarea.
      * Displayed above the input field.
@@ -50,7 +50,7 @@ export interface TextAreaProps extends BaseTextAreaProps {
  * A multi-line text input with label, description, validation message,
  * and virtual keyboard support.
  *
- * TextArea renders a textarea with consistent styling and field layout.
+ * Textarea renders a textarea with consistent styling and field layout.
  * It supports validation states, loading state, configurable rows, and
  * the standard AsheeUI cascade for visual tokens. The component integrates
  * with FieldShell for label, description, and message handling.
@@ -59,7 +59,7 @@ export interface TextAreaProps extends BaseTextAreaProps {
  * aria-invalid, aria-describedby, and proper focus management. It also
  * supports mobile virtual keyboard control via the enableVirtualKeyboard prop.
  *
- * @param props - TextArea configuration options and native textarea props.
+ * @param props - Textarea configuration options and native textarea props.
  * @param props.label - Label text for the textarea.
  * @param props.isLoading - Loading state. Defaults to false.
  * @param props.description - Description text.
@@ -80,14 +80,14 @@ export interface TextAreaProps extends BaseTextAreaProps {
  *
  * @example
  * ```tsx
- * import { TextArea } from "asheeui";
+ * import { Textarea } from "asheeui";
  * import { useState } from "react";
  *
  * export function Example() {
  *   const [value, setValue] = useState("");
  *
  *   return (
- *     <TextArea
+ *     <Textarea
  *       label="Message"
  *       description="Write your message here"
  *       placeholder="Type your message..."
@@ -102,7 +102,7 @@ export interface TextAreaProps extends BaseTextAreaProps {
  * @example
  * ```tsx
  * // With validation state
- * <TextArea
+ * <Textarea
  *   label="Feedback"
  *   status="error"
  *   message="Feedback must be at least 10 characters"
@@ -113,7 +113,7 @@ export interface TextAreaProps extends BaseTextAreaProps {
  * @example
  * ```tsx
  * // With virtual keyboard configuration
- * <TextArea
+ * <Textarea
  *   label="Numeric Input"
  *   enableVirtualKeyboard={{
  *     layout: "numeric",
@@ -128,6 +128,6 @@ export interface TextAreaProps extends BaseTextAreaProps {
  * @see useAsheeConfig - Hook for accessing the global configuration.
  * @see useKeyboardField - Hook for connecting inputs to the virtual keyboard.
  */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/textarea/Textarea.js

@@ -1,139 +1,53 @@
 "use client";
-import { jsx as T } from "react/jsx-runtime";
-import { forwardRef as q, useRef as V, useImperativeHandle as ee, useId as re, useCallback as E } from "react";
-import { useAsheeConfig as se } from "../../libs/context.js";
-import { resolveCascade as t, resolveRadiusKey as oe, resolveClassKey as te } from "../../utils/resolve-token.js";
-import { FieldShell as ae } from "../field/FieldShell.js";
-import { FALLBACK_TEXTAREA_CONFIG as r } from "./textarea-config.js";
-import { TEXTAREA_STATUS_BORDER_CLASS as le, TEXTAREA_SIZE_CLASS as de } from "./textarea-styles.js";
-import { useKeyboardField as ie } from "../keyboard/use-keyboard-field.js";
-import { resolveVariantClass as ne } from "../../shared/variant.js";
-import { RADIUS_CLASS as ce } from "../../shared/radius.js";
-import { cn as ue } from "../../utils/cn.js";
-const me = q(
-  ({
-    size: I,
-    radius: x,
-    variant: K,
-    color: _,
-    status: w,
-    label: L,
-    labelAlign: z,
-    description: u,
-    message: m,
-    required: v,
-    isLoading: f,
-    rows: B,
-    id: C,
-    className: j,
-    disabled: k,
-    style: F,
-    onFocus: a,
-    onBlur: l,
-    enableVirtualKeyboard: d = !0,
-    ...N
-  }, O) => {
-    var h;
-    const i = se(), e = (h = i.components) == null ? void 0 : h.textarea, c = V(null);
-    ee(O, () => c.current);
-    const X = re(), o = C ?? X, p = u ? `${o}-description` : void 0, A = m ? `${o}-message` : void 0, D = [p, A].filter(Boolean).join(" ") || void 0, U = !!d, $ = typeof d == "object" && d !== null ? d : void 0, { handleFocus: y, handleBlur: b } = ie(
-      o,
-      c,
-      U,
-      $
-    ), G = E(
-      (s) => {
-        y(s), a == null || a(s);
-      },
-      [y, a]
-    ), H = E(
-      (s) => {
-        b(), l == null || l(s);
-      },
-      [b, l]
-    ), Z = t(
-      I,
-      e == null ? void 0 : e.size,
-      void 0,
-      r.size
-    ), R = t(
-      K,
-      e == null ? void 0 : e.variant,
-      i.defaultVariant,
-      r.variant
-    ), J = t(
-      _,
-      e == null ? void 0 : e.color,
-      i.defaultColor,
-      r.color
-    ), S = (s) => s === "full" ? "xl" : s, M = oe(
-      S(x),
-      S(e == null ? void 0 : e.radius),
-      i.defaultRadius,
-      r.radius
-    ), n = w ?? r.status, P = t(
-      z,
-      e == null ? void 0 : e.labelAlign,
-      void 0,
-      r.labelAlign
-    ), Q = t(
-      B,
-      e == null ? void 0 : e.rows,
-      void 0,
-      r.rows
-    ), W = ne(
-      R,
-      J
-    ), Y = n !== "default" ? le[n] : "", g = R === "underlined" ? "rounded-none" : te(
-      M,
-      ce,
-      r.radius
-    );
-    return /* @__PURE__ */ T(
-      ae,
-      {
-        id: o,
-        label: L,
-        labelAlign: P,
-        description: u,
-        descriptionId: p,
-        message: m,
-        messageId: A,
-        status: n,
-        required: v,
-        isLoading: f,
-        children: /* @__PURE__ */ T(
-          "textarea",
-          {
-            ref: c,
-            id: o,
-            disabled: k,
-            required: v,
-            rows: Q,
-            "aria-busy": f,
-            "aria-invalid": n === "error",
-            "aria-describedby": D,
-            onFocus: G,
-            onBlur: H,
-            className: ue(
-              "resize-y w-full text-foreground outline-none transition-colors shrink-0",
-              "focus-visible:ring-2 focus-visible:ring-offset-2",
-              "disabled:pointer-events-none disabled:opacity-50",
-              de[Z],
-              W,
-              Y,
-              g,
-              j
-            ),
-            style: F,
-            ...N
-          }
-        )
-      }
-    );
-  }
-);
-me.displayName = "TextArea";
-export {
-  me as TextArea
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FieldShell as ee } from "../field/FieldShell.js";
+import { useKeyboardField as s } from "../keyboard/use-keyboard-field.js";
+import { FALLBACK_TEXTAREA_CONFIG as c } from "./textarea-config.js";
+import { TEXTAREA_SIZE_CLASS as te, TEXTAREA_STATUS_BORDER_CLASS as l } from "./textarea-styles.js";
+import { forwardRef as u, useCallback as d, useId as f, useImperativeHandle as p, useRef as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/components/textarea/Textarea.tsx
+var g = u(({ size: u, radius: g, variant: _, color: v, status: y, label: b, labelAlign: x, description: S, message: C, required: w, isLoading: T, rows: E, id: D, className: O, disabled: k, style: A, onFocus: j, onBlur: M, enableVirtualKeyboard: N = !0, ...P }, F) => {
+	let I = r(), L = I.components?.textarea, R = m(null);
+	p(F, () => R.current);
+	let z = f(), B = D ?? z, V = S ? `${B}-description` : void 0, H = C ? `${B}-message` : void 0, U = [V, H].filter(Boolean).join(" ") || void 0, { handleFocus: W, handleBlur: G } = s(B, R, !!N, typeof N == "object" && N ? N : void 0), K = d((e) => {
+		W(e), j?.(e);
+	}, [W, j]), q = d((e) => {
+		G(), M?.(e);
+	}, [G, M]), J = i(u, L?.size, void 0, c.size), Y = i(_, L?.variant, I.defaultVariant, c.variant), X = i(v, L?.color, I.defaultColor, c.color), Z = (e) => e === "full" ? "xl" : e, Q = o(Z(g), Z(L?.radius), I.defaultRadius, c.radius), $ = y ?? c.status, ne = i(x, L?.labelAlign, void 0, c.labelAlign), re = i(E, L?.rows, void 0, c.rows), ie = n(Y, X), ae = $ === "default" ? "" : l[$], oe = Y === "underlined" ? "rounded-none" : a(Q, t, c.radius);
+	return /* @__PURE__ */ h(ee, {
+		id: B,
+		label: b,
+		labelAlign: ne,
+		description: S,
+		descriptionId: V,
+		message: C,
+		messageId: H,
+		status: $,
+		required: w,
+		isLoading: T,
+		children: /* @__PURE__ */ h("textarea", {
+			ref: R,
+			id: B,
+			disabled: k,
+			required: w,
+			rows: re,
+			"aria-busy": T,
+			"aria-invalid": $ === "error",
+			"aria-describedby": U,
+			onFocus: K,
+			onBlur: q,
+			className: e("resize-y w-full text-foreground outline-none transition-colors shrink-0", "focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", te[J], ie, ae, oe, O),
+			style: A,
+			...P
+		})
+	});
+});
+g.displayName = "Textarea";
+//#endregion
+export { g as Textarea };

package/dist/components/textarea/textarea-config.d.ts

@@ -1,6 +1,6 @@
 import { FieldConfig } from '../field/field-config';
 /**
- * Theme configuration options for the TextArea component.
+ * Theme configuration options for the Textarea component.
  *
  * Set under `components.textarea` in the AsheeUI config. Values feed the
  * component-level fallback tier of the theme cascade.
@@ -15,7 +15,7 @@ export interface TextAreaConfig extends FieldConfig {
     rows?: number;
 }
 /**
- * Default config values registered for the TextArea component.
+ * Default config values registered for the Textarea component.
  * Inherits field defaults and sets default rows to 4.
  */
 export declare const defaultTextAreaConfig: TextAreaConfig;

package/dist/components/textarea/textarea-config.js

@@ -1,15 +1,14 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as t, defaultFieldConfig as o } from "../field/field-config.js";
-const r = {
-  ...o,
-  rows: 4
-}, n = {
-  ...t,
-  rows: 4
+import { FALLBACK_FIELD_CONFIG as t, defaultFieldConfig as n } from "../field/field-config.js";
+//#region src/components/textarea/textarea-config.ts
+var r = {
+	...n,
+	rows: 4
+}, i = {
+	...t,
+	rows: 4
 };
 e("textarea", r);
-export {
-  n as FALLBACK_TEXTAREA_CONFIG,
-  r as defaultTextAreaConfig
-};
+//#endregion
+export { i as FALLBACK_TEXTAREA_CONFIG, r as defaultTextAreaConfig };

package/dist/components/textarea/textarea-styles.js

@@ -1,11 +1,10 @@
 "use client";
-import { FIELD_STATUS_BORDER_CLASS as t } from "../field/field-styles.js";
-const A = {
-  sm: "p-2 text-xs",
-  md: "p-3 text-sm",
-  lg: "p-4 text-base"
-}, E = t;
-export {
-  A as TEXTAREA_SIZE_CLASS,
-  E as TEXTAREA_STATUS_BORDER_CLASS
-};
+import { FIELD_STATUS_BORDER_CLASS as e } from "../field/field-styles.js";
+//#region src/components/textarea/textarea-styles.ts
+var t = {
+	sm: "p-2 text-xs",
+	md: "p-3 text-sm",
+	lg: "p-4 text-base"
+}, n = e;
+//#endregion
+export { t as TEXTAREA_SIZE_CLASS, n as TEXTAREA_STATUS_BORDER_CLASS };

package/dist/components/toast/ToastContext.js

@@ -1,28 +1,24 @@
 "use client";
-import { createContext as e, useContext as o } from "react";
-const a = e(null);
-function n() {
-  const t = o(a);
-  return t || {
-    toasts: [],
-    toast: () => "",
-    success: () => "",
-    error: () => "",
-    info: () => "",
-    warning: () => "",
-    removeToast: () => {
-    },
-    clearToasts: () => {
-    },
-    portalTarget: null,
-    defaultPlacement: "top-right",
-    defaultSize: "md",
-    defaultVariant: "bordered",
-    defaultRadius: "md",
-    defaultAnimated: !0
-  };
+import { createContext as e, useContext as t } from "react";
+//#region src/components/toast/ToastContext.tsx
+var n = e(null);
+function r() {
+	return t(n) || {
+		toasts: [],
+		toast: () => "",
+		success: () => "",
+		error: () => "",
+		info: () => "",
+		warning: () => "",
+		removeToast: () => {},
+		clearToasts: () => {},
+		portalTarget: null,
+		defaultPlacement: "top-right",
+		defaultSize: "md",
+		defaultVariant: "bordered",
+		defaultRadius: "md",
+		defaultAnimated: !0
+	};
 }
-export {
-  a as ToastContext,
-  n as useToast
-};
+//#endregion
+export { n as ToastContext, r as useToast };

package/dist/components/toast/ToastItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,MAAM,EAEX,KAAK,IAAI,EACT,KAAK,OAAO,EACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EAEpB,MAAM,gBAAgB,CAAC;AA0DxB;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAa,EACb,OAAc,EACd,IAAI,EACJ,MAAM,EACN,WAAkB,EAClB,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,+BAyHhB;yBAzIe,SAAS"}
+{"version":3,"file":"ToastItem.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,MAAM,EAEX,KAAK,IAAI,EACT,KAAK,OAAO,EACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EAEpB,MAAM,gBAAgB,CAAC;AA0DxB;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAa,EACb,OAAc,EACd,IAAI,EACJ,MAAM,EACN,WAAkB,EAClB,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,+BA0HhB;yBA1Ie,SAAS"}

package/dist/components/toast/ToastItem.js

@@ -1,148 +1,87 @@
 "use client";
-import { jsxs as C, jsx as e } from "react/jsx-runtime";
-import { useState as G, useCallback as K } from "react";
-import { CheckIcon as P } from "../../icons/CheckIcon.js";
-import { CloseIcon as W } from "../../icons/CloseIcon.js";
-import { ErrorIcon as z } from "../../icons/ErrorIcon.js";
-import { InfoIcon as B } from "../../icons/InfoIcon.js";
-import { WarningIcon as H } from "../../icons/WarningIcon.js";
-import { useAsheeConfig as R } from "../../libs/context.js";
-import { resolveCascade as U, resolveClassKey as a } from "../../utils/resolve-token.js";
-import { FALLBACK_TOAST_CONFIG as n } from "./toast-config.js";
-import { TOAST_WIDTH_CLASS as V, TOAST_PADDING_CLASS as q, TOAST_FONT_CLASS as J, TOAST_TITLE_FONT_CLASS as Q, TOAST_ANIMATION_STATE as X } from "./toast-styles.js";
-import { usePausableTimeout as Y } from "./use-pausable-timeout.js";
-import { RADIUS_CLASS as Z } from "../../shared/radius.js";
-import { cn as t } from "../../utils/cn.js";
-import { resolveVariantClass as $ } from "../../shared/variant.js";
-function ee(r = "info") {
-  switch (r) {
-    case "success":
-      return "success";
-    case "error":
-      return "danger";
-    case "warning":
-      return "warning";
-    case "info":
-      return "primary";
-    default:
-      return "secondary";
-  }
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a } from "../../utils/resolve-token.js";
+import { CheckIcon as o } from "../../icons/CheckIcon.js";
+import { CloseIcon as s } from "../../icons/CloseIcon.js";
+import { ErrorIcon as c } from "../../icons/ErrorIcon.js";
+import { InfoIcon as l } from "../../icons/InfoIcon.js";
+import { WarningIcon as u } from "../../icons/WarningIcon.js";
+import { FALLBACK_TOAST_CONFIG as d } from "./toast-config.js";
+import { TOAST_ANIMATION_STATE as f, TOAST_FONT_CLASS as p, TOAST_PADDING_CLASS as m, TOAST_TITLE_FONT_CLASS as h, TOAST_WIDTH_CLASS as g } from "./toast-styles.js";
+import { usePausableTimeout as _ } from "./use-pausable-timeout.js";
+import { useCallback as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/toast/ToastItem.tsx
+function S(e = "info") {
+	switch (e) {
+		case "success": return "success";
+		case "error": return "danger";
+		case "warning": return "warning";
+		case "info": return "primary";
+		default: return "secondary";
+	}
 }
-function re(r = "info", s = !1) {
-  const o = t("w-5 h-5", s && "text-current");
-  switch (r) {
-    case "success":
-      return /* @__PURE__ */ e(P, { className: t(o, !s && "text-success") });
-    case "error":
-      return /* @__PURE__ */ e(z, { className: t(o, !s && "text-danger") });
-    case "warning":
-      return /* @__PURE__ */ e(H, { className: t(o, !s && "text-warning") });
-    default:
-      return /* @__PURE__ */ e(B, { className: t(o, !s && "text-primary") });
-  }
+function C(t = "info", n = !1) {
+	let r = e("w-5 h-5", n && "text-current");
+	switch (t) {
+		case "success": return /* @__PURE__ */ b(o, { className: e(r, !n && "text-success") });
+		case "error": return /* @__PURE__ */ b(c, { className: e(r, !n && "text-danger") });
+		case "warning": return /* @__PURE__ */ b(u, { className: e(r, !n && "text-warning") });
+		default: return /* @__PURE__ */ b(l, { className: e(r, !n && "text-primary") });
+	}
 }
-function se({
-  id: r,
-  title: s,
-  message: o,
-  type: u = "info",
-  timeout: v = 3500,
-  icon: A,
-  action: d,
-  dismissible: N = !0,
-  onDismiss: c,
-  placement: x,
-  size: i,
-  variant: f,
-  color: b,
-  radius: I,
-  animated: p
-}) {
-  var h;
-  const l = (h = R().components) == null ? void 0 : h.toast, [m, S] = G(!1), g = U(
-    p,
-    l == null ? void 0 : l.animated,
-    void 0,
-    n.animated
-  ), w = K(() => {
-    g && !m ? (S(!0), setTimeout(() => {
-      c(r);
-    }, 150)) : c(r);
-  }, [g, m, c, r]), { pause: _, resume: k } = Y(w, v), O = b ?? ee(u), y = f === "solid", L = a(
-    i,
-    V,
-    n.size
-  ), E = a(
-    i,
-    q,
-    n.size
-  ), F = a(
-    i,
-    J,
-    n.size
-  ), D = a(
-    i,
-    Q,
-    n.size
-  ), M = a(
-    I,
-    Z,
-    n.radius
-  ), T = X[x], j = p ? m ? T.exit : T.enter : "";
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      onMouseEnter: _,
-      onMouseLeave: k,
-      className: t(
-        "pointer-events-auto relative flex gap-3 items-start shadow-lg border backdrop-blur-md select-none scrollbar-hide overflow-hidden transition-all duration-200 active:scale-[0.99]",
-        "bg-background",
-        L,
-        E,
-        M,
-        j,
-        $(f, O)
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: "shrink-0 pt-0.5 ps-1", children: A ?? re(u, y) }),
-        /* @__PURE__ */ C("div", { className: "flex-1 min-w-0 flex flex-col gap-0.5", children: [
-          s && /* @__PURE__ */ e(
-            "span",
-            {
-              className: t(
-                "leading-tight truncate text-current",
-                D
-              ),
-              children: s
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: t(
-                "leading-snug wrap-break-word opacity-90 text-current",
-                F
-              ),
-              children: o
-            }
-          ),
-          d && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: d })
-        ] }),
-        N && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => c(r),
-            "aria-label": "Dismiss notification",
-            className: "shrink-0 p-1 rounded-md opacity-70 hover:opacity-100 hover:bg-black/10 dark:hover:bg-white/10 transition-all cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-current",
-            children: /* @__PURE__ */ e(W, { className: "w-4 h-4" })
-          }
-        )
-      ]
-    }
-  );
+function w({ id: o, title: c, message: l, type: u = "info", timeout: w = 3500, icon: T, action: E, dismissible: D = !0, onDismiss: O, placement: k, size: A, variant: j, color: M, radius: N, animated: P }) {
+	let F = r().components?.toast, [I, L] = y(!1), R = i(P, F?.animated, void 0, d.animated), z = v(() => {
+		R && !I ? (L(!0), setTimeout(() => {
+			O(o);
+		}, 150)) : O(o);
+	}, [
+		R,
+		I,
+		O,
+		o
+	]), { pause: B, resume: V } = _(z, w), H = M ?? S(u), U = j === "solid", W = a(A, g, d.size), G = a(A, m, d.size), K = a(A, p, d.size), q = a(A, h, d.size), J = a(N, t, d.radius), Y = f[k], X = P ? I ? Y.exit : Y.enter : "";
+	return /* @__PURE__ */ x("div", {
+		role: "status",
+		onMouseEnter: B,
+		onMouseLeave: V,
+		className: e("pointer-events-auto relative flex gap-3 items-start shadow-lg border backdrop-blur-md select-none scrollbar-hide overflow-hidden transition-all duration-200 active:scale-[0.99]", "bg-background", W, G, J, X, n(j, H)),
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "shrink-0 pt-0.5 ps-1",
+				children: T ?? C(u, U)
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex-1 min-w-0 flex flex-col gap-0.5",
+				children: [
+					c && /* @__PURE__ */ b("span", {
+						className: e("leading-tight truncate text-current", q),
+						children: c
+					}),
+					/* @__PURE__ */ b("div", {
+						className: e("leading-snug wrap-break-word opacity-90 text-current", K),
+						children: l
+					}),
+					E && /* @__PURE__ */ b("div", {
+						className: "mt-2 flex items-center gap-2",
+						children: E
+					})
+				]
+			}),
+			D && /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => O(o),
+				"aria-label": "Dismiss notification",
+				className: "shrink-0 p-1 rounded-md opacity-70 hover:opacity-100 hover:bg-foreground/10 transition-all cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-current",
+				children: /* @__PURE__ */ b(s, { className: "w-4 h-4" })
+			})
+		]
+	});
 }
-se.displayName = "ToastItem";
-export {
-  se as ToastItem
-};
+w.displayName = "ToastItem";
+//#endregion
+export { w as ToastItem };

package/dist/components/toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAOvE,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAKxB;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,GACV,EAAE,kBAAkB,+BA+QpB"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAQvE,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAKxB;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,GACV,EAAE,kBAAkB,+BAgRpB"}