@kala-ui/react 0.0.1-beta.2 → 0.0.1-beta.3

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

@@ -1,12 +1,30 @@
+import { toast as sonnerToast } from "sonner";
+type ToastOptions = Parameters<typeof sonnerToast>[1];
 /**
- * Custom toast wrapper with proper variant styling
+ * Toast API that supports all Sonner options including custom icons
+ *
+ * @example Basic usage
+ * toast.success('Success message');
+ *
+ * @example With custom icon
+ * toast.success('Success message', { icon: <CustomIcon /> });
+ *
+ * @example Remove icon
+ * toast.success('Success message', { icon: null });
+ *
+ * @example Full options
+ * toast.success('Success message', {
+ *   icon: <CustomIcon />,
+ *   duration: 5000,
+ *   position: 'top-right',
+ * });
  */
 declare const toast: {
-    success: (message: string) => string | number;
-    error: (message: string) => string | number;
-    warning: (message: string) => string | number;
-    info: (message: string) => string | number;
-    loading: (message: string) => string | number;
+    success: (message: string, options?: ToastOptions) => string | number;
+    error: (message: string, options?: ToastOptions) => string | number;
+    warning: (message: string, options?: ToastOptions) => string | number;
+    info: (message: string, options?: ToastOptions) => string | number;
+    loading: (message: string, options?: ToastOptions) => string | number;
 };
 export { toast };
 export { Toaster } from "./toaster";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,QAAA,MAAM,KAAK;uBACS,MAAM;qBAGR,MAAM;uBAGJ,MAAM;oBAGT,MAAM;uBAGH,MAAM;CAGzB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,KAAK;uBACS,MAAM,YAAY,YAAY;qBAGhC,MAAM,YAAY,YAAY;uBAG5B,MAAM,YAAY,YAAY;oBAGjC,MAAM,YAAY,YAAY;uBAG3B,MAAM,YAAY,YAAY;CAGjD,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/toast/index.js

@@ -1,22 +1,38 @@
 import { toast as sonnerToast } from "sonner";
 /**
- * Custom toast wrapper with proper variant styling
+ * Toast API that supports all Sonner options including custom icons
+ *
+ * @example Basic usage
+ * toast.success('Success message');
+ *
+ * @example With custom icon
+ * toast.success('Success message', { icon: <CustomIcon /> });
+ *
+ * @example Remove icon
+ * toast.success('Success message', { icon: null });
+ *
+ * @example Full options
+ * toast.success('Success message', {
+ *   icon: <CustomIcon />,
+ *   duration: 5000,
+ *   position: 'top-right',
+ * });
  */
 const toast = {
-    success: (message) => {
-        return sonnerToast.success(message);
+    success: (message, options) => {
+        return sonnerToast.success(message, options);
     },
-    error: (message) => {
-        return sonnerToast.error(message);
+    error: (message, options) => {
+        return sonnerToast.error(message, options);
     },
-    warning: (message) => {
-        return sonnerToast.warning(message);
+    warning: (message, options) => {
+        return sonnerToast.warning(message, options);
     },
-    info: (message) => {
-        return sonnerToast.info(message);
+    info: (message, options) => {
+        return sonnerToast.info(message, options);
     },
-    loading: (message) => {
-        return sonnerToast.loading(message);
+    loading: (message, options) => {
+        return sonnerToast.loading(message, options);
     },
 };
 export { toast };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE9C;;GAEG;AACH,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC5B,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IACD,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE;QAC1B,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC5B,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,EAAE,CAAC,OAAe,EAAE,EAAE;QACzB,OAAO,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC5B,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;CACD,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,CAAC,OAAe,EAAE,OAAsB,EAAE,EAAE;QACpD,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,KAAK,EAAE,CAAC,OAAe,EAAE,OAAsB,EAAE,EAAE;QAClD,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,OAAsB,EAAE,EAAE;QACpD,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,IAAI,EAAE,CAAC,OAAe,EAAE,OAAsB,EAAE,EAAE;QACjD,OAAO,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,OAAsB,EAAE,EAAE;QACpD,OAAO,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;CACD,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kala-ui/react",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "type": "module",
   "description": "65+ accessible React components built with Radix UI and Tailwind CSS. Includes DataTable with server-side support, charts, drag-and-drop, and comprehensive form controls.",
   "keywords": [