@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/timeline/TimelineEnd.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from "solid-js";
+export type TimelineEndProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    box?: boolean;
+};
+declare const TimelineEnd: (props: TimelineEndProps) => JSX.Element;
+export default TimelineEnd;

package/dist/components/timeline/TimelineEnd.js

@@ -0,0 +1,28 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TimelineEnd = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "box",
+        "class",
+        "style"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-end", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+        "timeline-box": local.box ?? true
+    }), local.class);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const timeline_TimelineEnd = TimelineEnd;
+export { timeline_TimelineEnd as default };

package/dist/components/timeline/TimelineItem.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+export type TimelineItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    connect?: "both" | "start" | "end";
+    startClassName?: string;
+    endClassName?: string;
+};
+declare const TimelineItem: (props: TimelineItemProps) => JSX.Element;
+export default TimelineItem;

package/dist/components/timeline/TimelineItem.js

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<hr>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
+const TimelineItem = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "connect",
+        "startClassName",
+        "endClassName",
+        "class",
+        "style"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return local.class;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return "both" === local.connect || "start" === local.connect;
+            },
+            get children () {
+                var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, local.startClassName));
+                return _el$2;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return "both" === local.connect || "end" === local.connect;
+            },
+            get children () {
+                var _el$3 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, local.endClassName));
+                return _el$3;
+            }
+        }), null);
+        return _el$;
+    })();
+};
+const timeline_TimelineItem = TimelineItem;
+export { timeline_TimelineItem as default };

package/dist/components/timeline/TimelineMiddle.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+export type TimelineMiddleProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare const TimelineMiddle: (props: TimelineMiddleProps) => JSX.Element;
+export default TimelineMiddle;

package/dist/components/timeline/TimelineMiddle.js

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor class="w-5 h-5"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"clip-rule=evenodd>');
+const TimelineMiddle = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "style",
+        "children"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-middle", local.class);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? _tmpl$2());
+        return _el$;
+    })();
+};
+const timeline_TimelineMiddle = TimelineMiddle;
+export { timeline_TimelineMiddle as default };

package/dist/components/timeline/TimelineStart.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from "solid-js";
+export type TimelineStartProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    box?: boolean;
+};
+declare const TimelineStart: (props: TimelineStartProps) => JSX.Element;
+export default TimelineStart;

package/dist/components/timeline/TimelineStart.js

@@ -0,0 +1,28 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TimelineStart = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "box",
+        "class",
+        "style"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-start", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+        "timeline-box": local.box
+    }), local.class);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const timeline_TimelineStart = TimelineStart;
+export { timeline_TimelineStart as default };

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

@@ -0,0 +1,5 @@
+export { default as Timeline, type TimelineProps } from "./Timeline";
+export { default as TimelineItem } from "./TimelineItem";
+export { default as TimelineStart } from "./TimelineStart";
+export { default as TimelineMiddle } from "./TimelineMiddle";
+export { default as TimelineEnd } from "./TimelineEnd";

package/dist/components/timeline/index.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Timeline_js_c241c7d2__ from "./Timeline.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TimelineItem_js_851bef15__ from "./TimelineItem.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TimelineStart_js_5b3a06a5__ from "./TimelineStart.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TimelineMiddle_js_6eee28d3__ from "./TimelineMiddle.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TimelineEnd_js_ffd274a3__ from "./TimelineEnd.js";
+var __webpack_exports__Timeline = __WEBPACK_EXTERNAL_MODULE__Timeline_js_c241c7d2__["default"];
+var __webpack_exports__TimelineEnd = __WEBPACK_EXTERNAL_MODULE__TimelineEnd_js_ffd274a3__["default"];
+var __webpack_exports__TimelineItem = __WEBPACK_EXTERNAL_MODULE__TimelineItem_js_851bef15__["default"];
+var __webpack_exports__TimelineMiddle = __WEBPACK_EXTERNAL_MODULE__TimelineMiddle_js_6eee28d3__["default"];
+var __webpack_exports__TimelineStart = __WEBPACK_EXTERNAL_MODULE__TimelineStart_js_5b3a06a5__["default"];
+export { __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart };

package/dist/components/timeline/timeline.css

@@ -0,0 +1,286 @@
+@layer components {
+  .timeline {
+      position: relative;
+      display: flex;
+    }
+
+  .timeline > li {
+      position: relative;
+      display: grid;
+      flex-shrink: 0;
+      align-items: center;
+      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) );
+      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) );
+    }
+
+  .timeline > li > hr {
+      border: none;
+      width: 100%;
+    }
+
+  .timeline > li > hr:first-child {
+      grid-column-start: 1;
+      grid-row-start: 2;
+    }
+
+  .timeline > li > hr:last-child {
+      grid-column-start: 3;
+      grid-column-end: none;
+      grid-row-start: 2;
+      grid-row-end: auto;
+    }
+
+  @media print {
+    .timeline > li > hr {
+      border: 0.1px solid var(--color-base-300);
+    }
+    }
+
+  .timeline :where(hr) {
+      height: calc(0.25rem * 1);
+      background-color: var(--color-base-300);
+    }
+
+  .timeline:has(.timeline-middle hr):first-child {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+    }
+
+  .timeline:has(.timeline-middle hr):last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-end-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+  .timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-end-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+  .timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+    }
+
+  .timeline-end {
+      grid-column-start: 1;
+      grid-column-end: 4;
+      grid-row-start: 3;
+      grid-row-end: 4;
+      margin: calc(0.25rem * 1);
+      align-self: flex-start;
+      justify-self: center;
+    }
+
+  .timeline-start {
+      grid-column-start: 1;
+      grid-column-end: 4;
+      grid-row-start: 1;
+      grid-row-end: 2;
+      margin: calc(0.25rem * 1);
+      align-self: flex-end;
+      justify-self: center;
+    }
+
+  .timeline-horizontal {
+      flex-direction: row;
+    }
+
+  .timeline-horizontal > li {
+      align-items: center;
+    }
+
+  .timeline-horizontal > li > hr {
+      height: calc(0.25rem * 1);
+      width: 100%;
+    }
+
+  .timeline-horizontal > li > hr:first-child {
+      grid-column-start: 1;
+      grid-row-start: 2;
+    }
+
+  .timeline-horizontal > li > hr:last-child {
+      grid-column-start: 3;
+      grid-column-end: none;
+      grid-row-start: 2;
+      grid-row-end: auto;
+    }
+
+  .timeline-horizontal .timeline-start {
+      grid-column-start: 1;
+      grid-column-end: 4;
+      grid-row-start: 1;
+      grid-row-end: 2;
+      align-self: flex-end;
+      justify-self: center;
+    }
+
+  .timeline-horizontal .timeline-end {
+      grid-column-start: 1;
+      grid-column-end: 4;
+      grid-row-start: 3;
+      grid-row-end: 4;
+      align-self: flex-start;
+      justify-self: center;
+    }
+
+  .timeline-horizontal:has(.timeline-middle) > li > hr:first-child {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+    }
+
+  .timeline-horizontal:has(.timeline-middle) > li > hr:last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-end-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+  .timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-end-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+
+  .timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+    }
+
+  .timeline-vertical {
+      flex-direction: column;
+    }
+
+  .timeline-vertical > li {
+      justify-items: center;
+      --timeline-row-start: minmax(0, 1fr);
+      --timeline-row-end: minmax(0, 1fr);
+    }
+
+  .timeline-vertical > li > hr {
+      height: 100%;
+      width: calc(0.25rem * 1);
+    }
+
+  .timeline-vertical > li > hr:first-child {
+      grid-column-start: 2;
+      grid-row-start: 1;
+    }
+
+  .timeline-vertical > li > hr:last-child {
+      grid-column-start: 2;
+      grid-column-end: auto;
+      grid-row-start: 3;
+      grid-row-end: none;
+    }
+
+  .timeline-vertical .timeline-start {
+      grid-column-start: 1;
+      grid-column-end: 2;
+      grid-row-start: 1;
+      grid-row-end: 4;
+      align-self: center;
+      justify-self: flex-end;
+    }
+
+  .timeline-vertical .timeline-end {
+      grid-column-start: 3;
+      grid-column-end: 4;
+      grid-row-start: 1;
+      grid-row-end: 4;
+      align-self: center;
+      justify-self: flex-start;
+    }
+
+  .timeline-vertical:has(.timeline-middle) > li > hr:first-child {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: var(--radius-selector);
+      border-bottom-left-radius: var(--radius-selector);
+    }
+
+  .timeline-vertical:has(.timeline-middle) > li > hr:last-child {
+      border-top-left-radius: var(--radius-selector);
+      border-top-right-radius: var(--radius-selector);
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+  .timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child {
+      border-top-left-radius: var(--radius-selector);
+      border-top-right-radius: var(--radius-selector);
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+  .timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: var(--radius-selector);
+      border-bottom-left-radius: var(--radius-selector);
+    }
+
+  .timeline-vertical.timeline-snap-icon > li {
+      --timeline-col-start: minmax(0, 1fr);
+      --timeline-row-start: 0.5rem;
+    }
+
+  .timeline-compact {
+      --timeline-row-start: 0;
+    }
+
+  .timeline-compact .timeline-start {
+      grid-column-start: 1;
+      grid-column-end: 4;
+      grid-row-start: 3;
+      grid-row-end: 4;
+      align-self: flex-start;
+      justify-self: center;
+    }
+
+  .timeline-compact li:has(.timeline-start) .timeline-end {
+      grid-column-start: none;
+      grid-row-start: auto;
+    }
+
+  .timeline-compact.timeline-vertical > li {
+      --timeline-col-start: 0;
+    }
+
+  .timeline-compact.timeline-vertical .timeline-start {
+      grid-column-start: 3;
+      grid-column-end: 4;
+      grid-row-start: 1;
+      grid-row-end: 4;
+      align-self: center;
+      justify-self: flex-start;
+    }
+
+  .timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
+      grid-column-start: auto;
+      grid-row-start: none;
+    }
+
+  .timeline-middle {
+      grid-column-start: 2;
+      grid-row-start: 2;
+    }
+
+  .timeline-snap-icon > li {
+      --timeline-col-start: 0.5rem;
+      --timeline-row-start: minmax(0, 1fr);
+    }
+}

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

@@ -1,158 +1,22 @@
-import "./Toast.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import { type ButtonProps } from "../button";
-import { type CloseButtonProps } from "../close-button";
+import "./toast.css";
+import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-export declare const DEFAULT_GAP = 12;
-export declare const DEFAULT_MAX_VISIBLE_TOAST = 3;
-export declare const DEFAULT_SCALE_FACTOR = 0.05;
-export declare const DEFAULT_TOAST_TIMEOUT = 4000;
-export declare const DEFAULT_TOAST_WIDTH = 460;
-export type ToastPlacement = "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "bottom start" | "bottom end" | "top start" | "top end";
-export type ToastVariant = "default" | "accent" | "success" | "warning" | "danger" | "info" | "error";
-export type ToastActionProps = Omit<ButtonProps, "variant" | "size">;
-export interface ToastContentValue {
-    indicator?: JSX.Element;
-    title?: JSX.Element;
-    description?: JSX.Element;
-    variant?: ToastVariant;
-    actionProps?: ToastActionProps;
-    isLoading?: boolean;
-}
-export interface ToastQueueAddOptions {
-    key?: string;
-    timeout?: number;
-    onClose?: () => void;
-}
-export interface ToastQueueItem<T extends object = ToastContentValue> {
-    key: string;
-    content: T;
-    createdAt: number;
-    timeout: number;
-    isEntering: boolean;
-    isExiting: boolean;
-}
-export interface ToastQueueOptions {
-    maxVisibleToasts?: number;
-    exitDuration?: number;
-}
-export declare class ToastQueue<T extends object = ToastContentValue> {
-    private readonly readToasts;
-    private readonly setToasts;
-    private readonly listeners;
-    private readonly closeCallbacks;
-    private readonly timeoutMeta;
-    private readonly exitTimers;
-    readonly maxVisibleToasts?: number;
-    private paused;
-    private keyCounter;
-    private readonly exitDuration;
-    constructor(options?: ToastQueueOptions);
-    private emit;
-    private updateToasts;
-    private scheduleTimeout;
-    private clearTimeoutFor;
-    private clearExitTimerFor;
-    add(content: T, options?: ToastQueueAddOptions): string;
-    close(key: string): void;
-    remove(key: string, invokeOnClose?: boolean): void;
-    clear(invokeOnClose?: boolean): void;
-    pauseAll(): void;
-    resumeAll(): void;
-    subscribe(fn: () => void): () => void;
-    toasts(): ToastQueueItem<T>[];
-    get visibleToasts(): ToastQueueItem<T>[];
-    getQueue(): ToastQueue<T>;
-}
-export type ToastRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "title"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    title?: JSX.Element;
-    description?: JSX.Element;
-    variant?: ToastVariant;
-    indicator?: JSX.Element;
-    actionProps?: ToastActionProps;
-    isLoading?: boolean;
-    onClose?: () => void;
-    isFrontmost?: boolean;
-    isHidden?: boolean;
-    isEntering?: boolean;
-    isExiting?: boolean;
-};
-export type ToastContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type ToastIndicatorProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    variant?: ToastVariant;
-};
-export type ToastTitleProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type ToastDescriptionProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type ToastActionButtonProps = ToastActionProps;
-export type ToastCloseButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & Omit<CloseButtonProps, "children" | "startIcon" | "endIcon">;
-declare const ToastContent: ParentComponent<ToastContentProps>;
-declare const ToastIndicator: Component<ToastIndicatorProps>;
-declare const ToastTitle: ParentComponent<ToastTitleProps>;
-declare const ToastDescription: ParentComponent<ToastDescriptionProps>;
-declare const ToastActionButton: Component<ToastActionButtonProps>;
-declare const ToastCloseButton: Component<ToastCloseButtonProps>;
-declare const ToastRoot: ParentComponent<ToastRootProps>;
-export type ToastRenderFn = (toast: ToastQueueItem<ToastContentValue>, dismiss: () => void) => JSX.Element;
-export type ToastProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    placement?: ToastPlacement;
-    queue?: ToastQueue<ToastContentValue> | null;
-    width?: number | string;
-    gap?: number;
-    maxVisibleToasts?: number;
-    scaleFactor?: number;
-    renderToast?: ToastRenderFn;
-};
-declare const ToastProvider: ParentComponent<ToastProviderProps>;
-export interface HeroUIToastOptions {
-    description?: JSX.Element;
-    indicator?: JSX.Element;
-    variant?: ToastVariant;
-    actionProps?: ToastActionProps;
-    isLoading?: boolean;
-    timeout?: number;
-    onClose?: () => void;
-}
-export interface ToastPromiseOptions<T = unknown> {
-    loading: JSX.Element;
-    success: ((data: T) => JSX.Element) | JSX.Element;
-    error: ((error: Error) => JSX.Element) | JSX.Element;
-}
-type ToastFunction = ((message: JSX.Element, options?: HeroUIToastOptions) => string) & {
-    success: (message: JSX.Element, options?: Omit<HeroUIToastOptions, "variant">) => string;
-    danger: (message: JSX.Element, options?: Omit<HeroUIToastOptions, "variant">) => string;
-    error: (message: JSX.Element, options?: Omit<HeroUIToastOptions, "variant">) => string;
-    info: (message: JSX.Element, options?: Omit<HeroUIToastOptions, "variant">) => string;
-    warning: (message: JSX.Element, options?: Omit<HeroUIToastOptions, "variant">) => string;
-    promise: <T>(promise: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T>) => string;
-    close: (key: string) => void;
-    pauseAll: () => void;
-    resumeAll: () => void;
-    clear: () => void;
-    getQueue: () => ToastQueue<ToastContentValue>;
-};
-declare const toastQueue: ToastQueue<ToastContentValue>;
-declare const toast: ToastFunction;
-type ToastComponent = ParentComponent<ToastRootProps> & {
-    Provider: ParentComponent<ToastProviderProps>;
-    Content: ParentComponent<ToastContentProps>;
-    Indicator: Component<ToastIndicatorProps>;
-    Title: ParentComponent<ToastTitleProps>;
-    Description: ParentComponent<ToastDescriptionProps>;
-    ActionButton: Component<ToastActionButtonProps>;
-    CloseButton: Component<ToastCloseButtonProps>;
-    Queue: typeof ToastQueue;
-    toast: ToastFunction;
-};
-declare const Toast: ToastComponent;
+declare const horizontalOptions: {
+    readonly start: "toast-start";
+    readonly center: "toast-center";
+    readonly end: "toast-end";
+};
+declare const verticalOptions: {
+    readonly top: "toast-top";
+    readonly middle: "toast-middle";
+    readonly bottom: "toast-bottom";
+};
+type ToastPosition = {
+    horizontal?: keyof typeof horizontalOptions;
+    vertical?: keyof typeof verticalOptions;
+};
+export type ToastProps = ToastPosition & IComponentBaseProps & {
+    max?: number;
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof ToastPosition | "max">;
+declare const Toast: (props: ToastProps) => JSX.Element;
 export default Toast;
-export { ToastRoot, ToastProvider, ToastContent, ToastIndicator, ToastTitle, ToastDescription, ToastActionButton, ToastCloseButton, toast, toastQueue, };
-export type { ToastFunction };