@pixpilot/shadcn-ui 0.60.1 → 0.62.0

package/dist/dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/dialog/Dialog.d.ts
@@ -9,14 +9,14 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<_radix_ui_re
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent, DialogFooter, DialogHeader };

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime8.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-root/FileUploadRoot.d.cts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime11.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime12.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/tags-input/TagsInput.d.ts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime14.JSX.Element;
+}: TagsInputProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInputInline.d.ts
 interface TagsInputInlineItem {
@@ -75,6 +75,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime15.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/toast/toast.cjs

@@ -10,9 +10,7 @@ sonner = require_rolldown_runtime.__toESM(sonner);
 //#region src/toast/toast.tsx
 const DEFAULT_ALERT_DURATION = 1e4;
 const toastInstances = /* @__PURE__ */ new Map();
-const toast = function(props) {
-	const { duration,...rest } = props;
-	const baseId = `toast_${(0, __pixpilot_hash.simpleHash)(`${props.title ?? ""}::${props.description ?? ""}`)}`;
+function getToastId(baseId) {
 	const instance = toastInstances.get(baseId);
 	if (instance) {
 		sonner.toast.dismiss(instance.currentId);
@@ -22,41 +20,70 @@ const toast = function(props) {
 		currentId: `${baseId}_0`,
 		counter: 0
 	});
-	const toastId = toastInstances.get(baseId).currentId;
-	const cleanUp = (id) => {
+	return toastInstances.get(baseId).currentId;
+}
+function getToastHandlers(baseId) {
+	const cleanUp = (tId) => {
 		const latestInstance = toastInstances.get(baseId);
-		if (latestInstance && latestInstance.currentId === id) toastInstances.delete(baseId);
+		if (latestInstance && latestInstance.currentId === tId) toastInstances.delete(baseId);
 	};
-	sonner.toast.custom((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AlertToast.AlertToast, {
-		...rest,
-		onClose: () => sonner.toast.dismiss(t)
-	}), {
-		duration: duration ?? DEFAULT_ALERT_DURATION,
-		id: toastId,
+	return {
 		onDismiss: (t) => {
 			cleanUp(t.id);
 		},
-		onAutoClose(t) {
+		onAutoClose: (t) => {
 			cleanUp(t.id);
 		}
+	};
+}
+const toast = function(props) {
+	const { duration, id, dismissible = true, position,...rest } = props;
+	const baseId = id ?? `toast_${(0, __pixpilot_hash.simpleHash)(`${props.title ?? ""}::${props.description ?? ""}`)}`;
+	const toastId = getToastId(baseId);
+	const handlers = getToastHandlers(baseId);
+	sonner.toast.custom((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AlertToast.AlertToast, {
+		...rest,
+		onClose: dismissible ? () => sonner.toast.dismiss(t) : void 0
+	}), {
+		duration: duration ?? DEFAULT_ALERT_DURATION,
+		id: toastId,
+		position,
+		...handlers
 	});
 };
-function createToast(variant, message, duration) {
+function createToast(variant, message, options) {
+	const { duration, id } = options || {};
 	if (typeof message === "string") toast({
 		variant,
 		description: message,
-		duration
+		duration,
+		id
 	});
 	else toast({
 		variant,
 		...message,
-		duration
+		duration,
+		id
 	});
 }
-toast.error = (message, duration) => createToast("error", message, duration);
-toast.success = (message, duration) => createToast("success", message, duration);
-toast.warning = (message, duration) => createToast("warning", message, duration);
-toast.info = (message, duration) => createToast("info", message, duration);
+toast.error = (message, options) => createToast("error", message, options);
+toast.success = (message, options) => createToast("success", message, options);
+toast.warning = (message, options) => createToast("warning", message, options);
+toast.info = (message, options) => createToast("info", message, options);
+toast.custom = (component, options) => {
+	const { duration,...rest } = options || {};
+	sonner.toast.custom(() => component, {
+		duration: duration ?? DEFAULT_ALERT_DURATION,
+		...rest
+	});
+};
+toast.remove = (id) => {
+	sonner.toast.dismiss(id);
+};
+toast.removeAll = () => {
+	sonner.toast.dismiss();
+	toastInstances.clear();
+};
 
 //#endregion
 exports.DEFAULT_ALERT_DURATION = DEFAULT_ALERT_DURATION;

package/dist/toast/toast.d.cts

@@ -1,11 +1,14 @@
 import { AlertBaseProps } from "../Alert.cjs";
 import { AlertToastProps } from "./types.cjs";
 import "../index.cjs";
+import { ToastT } from "sonner";
 
 //#region src/toast/toast.d.ts
 declare const DEFAULT_ALERT_DURATION = 10000;
-interface ToastProps extends AlertBaseProps {
-  duration?: number;
+interface ToastOwnProps extends Pick<ToastT, 'dismissible' | 'duration' | 'position'> {
+  id?: string;
+}
+interface ToastProps extends AlertBaseProps, ToastOwnProps {
   description?: string;
 }
 type ToastMessage = string | ({
@@ -14,10 +17,13 @@ type ToastMessage = string | ({
 } & AlertToastProps);
 interface ToastFunction {
   (props: ToastProps): void;
-  error: (message: ToastMessage, duration?: number) => void;
-  success: (message: ToastMessage, duration?: number) => void;
-  warning: (message: ToastMessage, duration?: number) => void;
-  info: (message: ToastMessage, duration?: number) => void;
+  error: (message: ToastMessage, options?: ToastOwnProps) => void;
+  success: (message: ToastMessage, options?: ToastOwnProps) => void;
+  warning: (message: ToastMessage, options?: ToastOwnProps) => void;
+  info: (message: ToastMessage, options?: ToastOwnProps) => void;
+  custom: (component: React.ReactElement, options?: ToastOwnProps) => void;
+  remove: (id: string) => void;
+  removeAll: () => void;
 }
 declare const toast: ToastFunction;
 //#endregion

package/dist/toast/toast.d.ts

@@ -1,11 +1,14 @@
 import { AlertBaseProps } from "../Alert.js";
 import { AlertToastProps } from "./types.js";
 import "../index.js";
+import { ToastT } from "sonner";
 
 //#region src/toast/toast.d.ts
 declare const DEFAULT_ALERT_DURATION = 10000;
-interface ToastProps extends AlertBaseProps {
-  duration?: number;
+interface ToastOwnProps extends Pick<ToastT, 'dismissible' | 'duration' | 'position'> {
+  id?: string;
+}
+interface ToastProps extends AlertBaseProps, ToastOwnProps {
   description?: string;
 }
 type ToastMessage = string | ({
@@ -14,11 +17,14 @@ type ToastMessage = string | ({
 } & AlertToastProps);
 interface ToastFunction {
   (props: ToastProps): void;
-  error: (message: ToastMessage, duration?: number) => void;
-  success: (message: ToastMessage, duration?: number) => void;
-  warning: (message: ToastMessage, duration?: number) => void;
-  info: (message: ToastMessage, duration?: number) => void;
+  error: (message: ToastMessage, options?: ToastOwnProps) => void;
+  success: (message: ToastMessage, options?: ToastOwnProps) => void;
+  warning: (message: ToastMessage, options?: ToastOwnProps) => void;
+  info: (message: ToastMessage, options?: ToastOwnProps) => void;
+  custom: (component: React.ReactElement, options?: ToastOwnProps) => void;
+  remove: (id: string) => void;
+  removeAll: () => void;
 }
-declare const toast: ToastFunction;
+declare const toast$1: ToastFunction;
 //#endregion
-export { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast };
+export { DEFAULT_ALERT_DURATION, ToastFunction, ToastMessage, toast$1 as toast };

package/dist/toast/toast.js

@@ -6,9 +6,7 @@ import { toast } from "sonner";
 //#region src/toast/toast.tsx
 const DEFAULT_ALERT_DURATION = 1e4;
 const toastInstances = /* @__PURE__ */ new Map();
-const toast$1 = function(props) {
-	const { duration,...rest } = props;
-	const baseId = `toast_${simpleHash(`${props.title ?? ""}::${props.description ?? ""}`)}`;
+function getToastId(baseId) {
 	const instance = toastInstances.get(baseId);
 	if (instance) {
 		toast.dismiss(instance.currentId);
@@ -18,41 +16,70 @@ const toast$1 = function(props) {
 		currentId: `${baseId}_0`,
 		counter: 0
 	});
-	const toastId = toastInstances.get(baseId).currentId;
-	const cleanUp = (id) => {
+	return toastInstances.get(baseId).currentId;
+}
+function getToastHandlers(baseId) {
+	const cleanUp = (tId) => {
 		const latestInstance = toastInstances.get(baseId);
-		if (latestInstance && latestInstance.currentId === id) toastInstances.delete(baseId);
+		if (latestInstance && latestInstance.currentId === tId) toastInstances.delete(baseId);
 	};
-	toast.custom((t) => /* @__PURE__ */ jsx(AlertToast, {
-		...rest,
-		onClose: () => toast.dismiss(t)
-	}), {
-		duration: duration ?? DEFAULT_ALERT_DURATION,
-		id: toastId,
+	return {
 		onDismiss: (t) => {
 			cleanUp(t.id);
 		},
-		onAutoClose(t) {
+		onAutoClose: (t) => {
 			cleanUp(t.id);
 		}
+	};
+}
+const toast$1 = function(props) {
+	const { duration, id, dismissible = true, position,...rest } = props;
+	const baseId = id ?? `toast_${simpleHash(`${props.title ?? ""}::${props.description ?? ""}`)}`;
+	const toastId = getToastId(baseId);
+	const handlers = getToastHandlers(baseId);
+	toast.custom((t) => /* @__PURE__ */ jsx(AlertToast, {
+		...rest,
+		onClose: dismissible ? () => toast.dismiss(t) : void 0
+	}), {
+		duration: duration ?? DEFAULT_ALERT_DURATION,
+		id: toastId,
+		position,
+		...handlers
 	});
 };
-function createToast(variant, message, duration) {
+function createToast(variant, message, options) {
+	const { duration, id } = options || {};
 	if (typeof message === "string") toast$1({
 		variant,
 		description: message,
-		duration
+		duration,
+		id
 	});
 	else toast$1({
 		variant,
 		...message,
-		duration
+		duration,
+		id
 	});
 }
-toast$1.error = (message, duration) => createToast("error", message, duration);
-toast$1.success = (message, duration) => createToast("success", message, duration);
-toast$1.warning = (message, duration) => createToast("warning", message, duration);
-toast$1.info = (message, duration) => createToast("info", message, duration);
+toast$1.error = (message, options) => createToast("error", message, options);
+toast$1.success = (message, options) => createToast("success", message, options);
+toast$1.warning = (message, options) => createToast("warning", message, options);
+toast$1.info = (message, options) => createToast("info", message, options);
+toast$1.custom = (component, options) => {
+	const { duration,...rest } = options || {};
+	toast.custom(() => component, {
+		duration: duration ?? DEFAULT_ALERT_DURATION,
+		...rest
+	});
+};
+toast$1.remove = (id) => {
+	toast.dismiss(id);
+};
+toast$1.removeAll = () => {
+	toast.dismiss();
+	toastInstances.clear();
+};
 
 //#endregion
 export { DEFAULT_ALERT_DURATION, toast$1 as toast };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.60.1",
+  "version": "0.62.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",