@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/toast.d.ts

@@ -1,23 +1,21 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import * as _base_ui_react from '@base-ui/react';
-import { ToastManagerAddOptions, ToastManagerUpdateOptions } from '@base-ui/react/toast';
-
+import { PropsWithChildren } from "react";
+import { ToastManagerAddOptions, ToastManagerUpdateOptions } from "@base-ui/react/toast";
+//#region src/toast.d.ts
 type ToastVariant = "success" | "info" | "warning" | "error" | "loading";
 type ToastData = {
-    type: ToastVariant;
+  type: ToastVariant;
 };
-declare const toastManager: _base_ui_react.ToastManager<any>;
+declare const toastManager: import("@base-ui/react").ToastManager<any>;
 declare const toast: ((options: ToastManagerAddOptions<ToastData>) => string) & {
-    success: (options: ToastManagerAddOptions<ToastData>) => string;
-    info: (options: ToastManagerAddOptions<ToastData>) => string;
-    warning: (options: ToastManagerAddOptions<ToastData>) => string;
-    error: (options: ToastManagerAddOptions<ToastData>) => string;
-    loading: (options: ToastManagerAddOptions<ToastData>) => string;
-    dismiss: (toastId?: string | number) => void;
-    update: (toastId: string | number, options: ToastManagerUpdateOptions<ToastData>) => void;
-    promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: _base_ui_react.ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  success: (options: ToastManagerAddOptions<ToastData>) => string;
+  info: (options: ToastManagerAddOptions<ToastData>) => string;
+  warning: (options: ToastManagerAddOptions<ToastData>) => string;
+  error: (options: ToastManagerAddOptions<ToastData>) => string;
+  loading: (options: ToastManagerAddOptions<ToastData>) => string;
+  dismiss: (toastId?: string | number) => void;
+  update: (toastId: string | number, options: ToastManagerUpdateOptions<ToastData>) => void;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 };
-declare function ToastProvider({ children }: PropsWithChildren): React.JSX.Element;
-
-export { ToastProvider, toast, toastManager };
+declare function ToastProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+//#endregion
+export { ToastProvider, toast, toastManager };

package/dist/toast.js

@@ -1,330 +1,174 @@
-// src/components/ui/toast.tsx
-import { Toast as BaseToast } from "@base-ui/react/toast";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Button } from "./button.js";
 import { Check, Info, X } from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/toast.tsx
+const DEFAULT_TOAST_SIDE = "top";
+const DEFAULT_TOAST_ALIGN = "end";
+const toastManager = Toast.createToastManager();
+const toast = Object.assign((options) => toastManager.add(options), {
+	success: (options) => toastManager.add({
+		...options,
+		data: {
+			type: "success",
+			...options.data
+		}
+	}),
+	info: (options) => toastManager.add({
+		...options,
+		data: {
+			type: "info",
+			...options.data
+		}
+	}),
+	warning: (options) => toastManager.add({
+		...options,
+		data: {
+			type: "warning",
+			...options.data
+		}
+	}),
+	error: (options) => toastManager.add({
+		...options,
+		data: {
+			type: "error",
+			...options.data
+		}
+	}),
+	loading: (options) => toastManager.add({
+		...options,
+		data: {
+			type: "loading",
+			...options.data
+		}
+	}),
+	dismiss: (toastId) => toastManager.close(toastId?.toString()),
+	update: (toastId, options) => toastManager.update(toastId.toString(), options),
+	promise: toastManager.promise
 });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva } from "class-variance-authority";
-import { Loader } from "lucide-react";
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/button.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-full bg-clip-padding whitespace-nowrap font-bold transition-[background-color,color,border-color,box-shadow,transform] outline-none select-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        primary: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed",
-        "primary-outline": "border-2 border-action-primary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
-        secondary: "bg-surface-brand-subtle text-fg-brand hover:bg-action-primary-hover hover:text-fg-on-brand active:bg-action-primary-pressed active:text-fg-on-brand data-focused:bg-action-primary-hover data-pressed:bg-action-primary-pressed data-focused:text-fg-on-brand data-pressed:text-fg-on-brand",
-        "secondary-outline": "border-2 border-action-secondary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
-        tertiary: "bg-action-tertiary text-fg-primary hover:bg-action-tertiary-hover active:bg-action-tertiary-pressed data-focused:bg-action-tertiary-hover data-pressed:bg-action-tertiary-pressed",
-        "tertiary-outline": "border border-line-strong bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
-        ghost: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
-        danger: "bg-action-danger text-fg-on-brand hover:bg-action-danger-hover active:bg-action-danger-pressed data-focused:bg-action-danger-hover data-pressed:bg-action-danger-pressed",
-        "glass-overlay": "bg-surface-glass-overlay-button text-fg-on-brand",
-        "link-brand": "border-transparent bg-transparent px-0 text-fg-brand hover:underline active:underline active:opacity-70",
-        "link-neutral": "border-transparent bg-transparent px-0 text-fg-secondary hover:underline active:underline active:opacity-70"
-      },
-      size: {
-        sm: "h-8 gap-2 px-3.5 text-gdt-xs has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-3.5",
-        md: "h-10 gap-2 px-4.5 text-gdt-sm has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        lg: "h-12.5 gap-2.5 px-5.5 text-gdt-md has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 [&_svg:not([class*='size-'])]:size-4.5",
-        xl: "h-14 gap-3 px-6.5 text-gdt-lg has-data-[icon=inline-end]:pr-6 has-data-[icon=inline-start]:pl-6 [&_svg:not([class*='size-'])]:size-5",
-        icon: "size-10",
-        "icon-xs": "size-6 text-gdt-xs [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8 text-gdt-sm [&_svg:not([class*='size-'])]:size-3.5",
-        "icon-lg": "size-12.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5",
-        "icon-xl": "size-14 text-gdt-lg [&_svg:not([class*='size-'])]:size-5"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "primary",
-  size,
-  isLoading = false,
-  children,
-  disabled = false,
-  ...props
-}) {
-  const inheritedSize = useComponentSize();
-  const resolvedSize = size ?? inheritedSize;
-  const _disabled = disabled || isLoading;
-  return /* @__PURE__ */ jsxs(
-    ButtonPrimitive,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size: resolvedSize, className })),
-      disabled: _disabled,
-      ...props,
-      children: [
-        isLoading && /* @__PURE__ */ jsx2(Loader, { className: "size-4 animate-spin" }),
-        " ",
-        children
-      ]
-    }
-  );
-}
-
-// src/components/ui/toast.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var DEFAULT_TOAST_SIDE = "top";
-var DEFAULT_TOAST_ALIGN = "end";
-var toastManager = BaseToast.createToastManager();
-var toast = Object.assign(
-  (options) => toastManager.add(options),
-  {
-    success: (options) => toastManager.add({
-      ...options,
-      data: { type: "success", ...options.data }
-    }),
-    info: (options) => toastManager.add({
-      ...options,
-      data: { type: "info", ...options.data }
-    }),
-    warning: (options) => toastManager.add({
-      ...options,
-      data: { type: "warning", ...options.data }
-    }),
-    error: (options) => toastManager.add({
-      ...options,
-      data: { type: "error", ...options.data }
-    }),
-    loading: (options) => toastManager.add({
-      ...options,
-      data: { type: "loading", ...options.data }
-    }),
-    dismiss: (toastId) => toastManager.close(toastId?.toString()),
-    update: (toastId, options) => toastManager.update(toastId.toString(), options),
-    promise: toastManager.promise
-  }
-);
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs2(BaseToast.Provider, { limit: 4, timeout: 5e3, toastManager, children: [
-    children,
-    /* @__PURE__ */ jsx3(BaseToast.Portal, { children: /* @__PURE__ */ jsx3(BaseToast.Viewport, { className: "fixed inset-0 z-9999 pointer-events-none outline-none", children: /* @__PURE__ */ jsx3(ToastList, {}) }) })
-  ] });
+	return /* @__PURE__ */ jsxs(Toast.Provider, {
+		limit: 4,
+		timeout: 5e3,
+		toastManager,
+		children: [children, /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			className: "fixed inset-0 z-9999 pointer-events-none outline-none",
+			children: /* @__PURE__ */ jsx(ToastList, {})
+		}) })]
+	});
 }
 function ToastList() {
-  const { toasts } = BaseToast.useToastManager();
-  const placementStacks = /* @__PURE__ */ new Map();
-  return toasts.map((item) => {
-    const placement = getToastPlacement(item);
-    const stack = placementStacks.get(placement.key) ?? {
-      domIndex: 0,
-      visibleIndex: 0,
-      offsetY: 0,
-      frontmostHeight: item.height
-    };
-    const placementIndex = item.transitionStatus === "ending" ? stack.domIndex : stack.visibleIndex;
-    const style = {
-      "--toast-placement-index": placementIndex,
-      "--toast-placement-offset-y": `${stack.offsetY}px`,
-      "--toast-placement-frontmost-height": stack.frontmostHeight ? `${stack.frontmostHeight}px` : void 0
-    };
-    stack.offsetY += item.height ?? 0;
-    stack.domIndex += 1;
-    if (item.transitionStatus !== "ending") {
-      stack.visibleIndex += 1;
-    }
-    placementStacks.set(placement.key, stack);
-    return /* @__PURE__ */ jsx3(
-      BaseToast.Root,
-      {
-        toast: item,
-        className: cn(
-          toastRootBaseClassName,
-          getToastPositionClassName(placement),
-          getToastStackClassName(placement),
-          getToastExitClassName(placement.side)
-        ),
-        swipeDirection: getSwipeDirections(item),
-        style,
-        children: /* @__PURE__ */ jsxs2(
-          BaseToast.Content,
-          {
-            className: "grid grid-cols-[16px_minmax(0,1fr)_24px] items-start gap-3 overflow-hidden px-2.5 py-3.5 pl-3 transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100",
-            children: [
-              /* @__PURE__ */ jsx3(ToastIcon, { type: item.data?.type }),
-              /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex flex-col gap-1.5", children: [
-                item.title ? /* @__PURE__ */ jsx3(BaseToast.Title, { className: "text-gdt-sm font-semibold text-fg-primary" }) : null,
-                item.description ? /* @__PURE__ */ jsx3(BaseToast.Description, { className: "text-gdt-sm text-fg-secondary" }) : null,
-                /* @__PURE__ */ jsx3(
-                  BaseToast.Action,
-                  {
-                    className: cn(
-                      "cursor-pointer border-0 bg-transparent p-0 font-inherit text-gdt-sm font-semibold inline-flex w-fit items-center hover:underline underline-offset-2",
-                      item.data?.type === "success" && "text-fg-brand",
-                      item.data?.type === "info" && "text-fg-primary",
-                      item.data?.type === "warning" && "text-fg-accent",
-                      item.data?.type === "error" && "text-fg-danger"
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx3(
-                BaseToast.Close,
-                {
-                  render: /* @__PURE__ */ jsx3(Button, { variant: "ghost", size: "icon-xs" }),
-                  "aria-label": "Close toast",
-                  children: /* @__PURE__ */ jsx3(X, { className: "size-4" })
-                }
-              )
-            ]
-          }
-        )
-      },
-      item.id
-    );
-  });
+	const { toasts } = Toast.useToastManager();
+	const placementStacks = /* @__PURE__ */ new Map();
+	return toasts.map((item) => {
+		const placement = getToastPlacement(item);
+		const stack = placementStacks.get(placement.key) ?? {
+			domIndex: 0,
+			visibleIndex: 0,
+			offsetY: 0,
+			frontmostHeight: item.height
+		};
+		const style = {
+			"--toast-placement-index": item.transitionStatus === "ending" ? stack.domIndex : stack.visibleIndex,
+			"--toast-placement-offset-y": `${stack.offsetY}px`,
+			"--toast-placement-frontmost-height": stack.frontmostHeight ? `${stack.frontmostHeight}px` : void 0
+		};
+		stack.offsetY += item.height ?? 0;
+		stack.domIndex += 1;
+		if (item.transitionStatus !== "ending") stack.visibleIndex += 1;
+		placementStacks.set(placement.key, stack);
+		return /* @__PURE__ */ jsx(Toast.Root, {
+			toast: item,
+			className: cn(toastRootBaseClassName, getToastPositionClassName(placement), getToastStackClassName(placement), getToastExitClassName(placement.side)),
+			swipeDirection: getSwipeDirections(item),
+			style,
+			children: /* @__PURE__ */ jsxs(Toast.Content, {
+				className: "grid grid-cols-[16px_minmax(0,1fr)_24px] items-start gap-3 overflow-hidden px-2.5 py-3.5 pl-3 transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100",
+				children: [
+					/* @__PURE__ */ jsx(ToastIcon, { type: item.data?.type }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex flex-col gap-1.5",
+						children: [
+							item.title ? /* @__PURE__ */ jsx(Toast.Title, { className: "text-gdt-sm font-semibold text-fg-primary" }) : null,
+							item.description ? /* @__PURE__ */ jsx(Toast.Description, { className: "text-gdt-sm text-fg-secondary" }) : null,
+							/* @__PURE__ */ jsx(Toast.Action, { className: cn("cursor-pointer border-0 bg-transparent p-0 font-inherit text-gdt-sm font-semibold inline-flex w-fit items-center hover:underline underline-offset-2", item.data?.type === "success" && "text-fg-brand", item.data?.type === "info" && "text-fg-primary", item.data?.type === "warning" && "text-fg-accent", item.data?.type === "error" && "text-fg-danger") })
+						]
+					}),
+					/* @__PURE__ */ jsx(Toast.Close, {
+						render: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "icon-xs"
+						}),
+						"aria-label": "Close toast",
+						children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+					})
+				]
+			})
+		}, item.id);
+	});
 }
 function ToastIcon({ type }) {
-  if (!type) return null;
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      className: cn(
-        "inline-flex size-5 items-center justify-center rounded-full text-canvas",
-        type === "success" && "bg-status-success",
-        type === "info" && "bg-status-info",
-        type === "warning" && "bg-status-warning text-fg-on-accent",
-        type === "error" && "bg-status-danger"
-      ),
-      "aria-hidden": "true",
-      children: [
-        type === "success" ? /* @__PURE__ */ jsx3(Check, { size: 10, strokeWidth: 3 }) : null,
-        type === "info" ? /* @__PURE__ */ jsx3(Info, { size: 11, strokeWidth: 2.8 }) : null,
-        type === "warning" ? /* @__PURE__ */ jsx3("span", { className: "text-[11px] leading-none font-extrabold", children: "!" }) : null,
-        type === "error" ? /* @__PURE__ */ jsx3(X, { size: 10, strokeWidth: 3 }) : null
-      ]
-    }
-  );
+	if (!type) return null;
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("inline-flex size-5 items-center justify-center rounded-full text-canvas", type === "success" && "bg-status-success", type === "info" && "bg-status-info", type === "warning" && "bg-status-warning text-fg-on-accent", type === "error" && "bg-status-danger"),
+		"aria-hidden": "true",
+		children: [
+			type === "success" ? /* @__PURE__ */ jsx(Check, {
+				size: 10,
+				strokeWidth: 3
+			}) : null,
+			type === "info" ? /* @__PURE__ */ jsx(Info, {
+				size: 11,
+				strokeWidth: 2.8
+			}) : null,
+			type === "warning" ? /* @__PURE__ */ jsx("span", {
+				className: "text-[11px] leading-none font-extrabold",
+				children: "!"
+			}) : null,
+			type === "error" ? /* @__PURE__ */ jsx(X, {
+				size: 10,
+				strokeWidth: 3
+			}) : null
+		]
+	});
 }
-var toastRootBaseClassName = "[--gap:12px] [--peek:12px] [--anchor-x:0px] [--anchor-y:0px] [--scale:calc(max(0,1-(var(--toast-placement-index)*0.04)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-placement-frontmost-height,var(--toast-height))] absolute z-[calc(1000-var(--toast-placement-index))] h-[var(--height)] min-h-[var(--height)] w-[min(335px,calc(100vw-32px))] overflow-visible rounded-lg border border-line bg-surface-overlay text-fg-primary shadow-[var(--elevation-e2-shadow)] pointer-events-auto select-none [transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--collapsed-y))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms] after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:pointer-events-auto after:content-[''] data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--expanded-y))_scale(1)] data-[starting-style]:opacity-0 data-[starting-style]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:opacity-0 data-[limited]:opacity-0 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(1)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(1)] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(1)] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(1)]";
+const toastRootBaseClassName = "[--gap:12px] [--peek:12px] [--anchor-x:0px] [--anchor-y:0px] [--scale:calc(max(0,1-(var(--toast-placement-index)*0.04)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-placement-frontmost-height,var(--toast-height))] absolute z-[calc(1000-var(--toast-placement-index))] h-[var(--height)] min-h-[var(--height)] w-[min(335px,calc(100vw-32px))] overflow-visible rounded-lg border border-line bg-surface-overlay text-fg-primary shadow-[var(--elevation-e2-shadow)] pointer-events-auto select-none [transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--collapsed-y))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms] after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:pointer-events-auto after:content-[''] data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--expanded-y))_scale(1)] data-[starting-style]:opacity-0 data-[starting-style]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:opacity-0 data-[limited]:opacity-0 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(1)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(1)] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(1)] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(1)]";
 function getToastPlacement(item, isRtl = false) {
-  const side = item.positionerProps?.side ?? DEFAULT_TOAST_SIDE;
-  const align = item.positionerProps?.align ?? DEFAULT_TOAST_ALIGN;
-  const resolvedSide = resolveToastSide(side, isRtl);
-  return {
-    side: resolvedSide,
-    align,
-    key: `${resolvedSide}:${align}`
-  };
+	const side = item.positionerProps?.side ?? DEFAULT_TOAST_SIDE;
+	const align = item.positionerProps?.align ?? DEFAULT_TOAST_ALIGN;
+	const resolvedSide = resolveToastSide(side, isRtl);
+	return {
+		side: resolvedSide,
+		align,
+		key: `${resolvedSide}:${align}`
+	};
 }
 function resolveToastSide(side, isRtl) {
-  if (side === "inline-end") return isRtl ? "left" : "right";
-  if (side === "inline-start") return isRtl ? "right" : "left";
-  if (side === "top" || side === "bottom" || side === "left" || side === "right") {
-    return side;
-  }
-  return DEFAULT_TOAST_SIDE;
+	if (side === "inline-end") return isRtl ? "left" : "right";
+	if (side === "inline-start") return isRtl ? "right" : "left";
+	if (side === "top" || side === "bottom" || side === "left" || side === "right") return side;
+	return DEFAULT_TOAST_SIDE;
 }
 function getToastPositionClassName({ side, align }) {
-  const isVerticalSide = side === "top" || side === "bottom";
-  if (isVerticalSide) {
-    return cn(
-      side === "top" && "top-6 max-sm:top-4",
-      side === "bottom" && "bottom-6 max-sm:bottom-4",
-      align === "start" && "left-6 origin-top-left max-sm:left-4",
-      align === "center" && "left-1/2 origin-top [--anchor-x:-50%]",
-      align === "end" && "right-6 origin-top-right max-sm:right-4",
-      side === "bottom" && align === "start" && "origin-bottom-left",
-      side === "bottom" && align === "center" && "origin-bottom",
-      side === "bottom" && align === "end" && "origin-bottom-right"
-    );
-  }
-  return cn(
-    side === "left" && "left-6 origin-left max-sm:left-4",
-    side === "right" && "right-6 origin-right max-sm:right-4",
-    align === "start" && "top-6 max-sm:top-4",
-    align === "center" && "top-1/2 [--anchor-y:-50%]",
-    align === "end" && "bottom-6 max-sm:bottom-4",
-    side === "left" && align === "start" && "origin-top-left",
-    side === "left" && align === "end" && "origin-bottom-left",
-    side === "right" && align === "start" && "origin-top-right",
-    side === "right" && align === "end" && "origin-bottom-right"
-  );
+	if (side === "top" || side === "bottom") return cn(side === "top" && "top-6 max-sm:top-4", side === "bottom" && "bottom-6 max-sm:bottom-4", align === "start" && "left-6 origin-top-left max-sm:left-4", align === "center" && "left-1/2 origin-top [--anchor-x:-50%]", align === "end" && "right-6 origin-top-right max-sm:right-4", side === "bottom" && align === "start" && "origin-bottom-left", side === "bottom" && align === "center" && "origin-bottom", side === "bottom" && align === "end" && "origin-bottom-right");
+	return cn(side === "left" && "left-6 origin-left max-sm:left-4", side === "right" && "right-6 origin-right max-sm:right-4", align === "start" && "top-6 max-sm:top-4", align === "center" && "top-1/2 [--anchor-y:-50%]", align === "end" && "bottom-6 max-sm:bottom-4", side === "left" && align === "start" && "origin-top-left", side === "left" && align === "end" && "origin-bottom-left", side === "right" && align === "start" && "origin-top-right", side === "right" && align === "end" && "origin-bottom-right");
 }
 function getToastStackClassName({ side, align }) {
-  const stacksUp = side === "bottom" || (side === "left" || side === "right") && align === "end";
-  if (stacksUp) {
-    return "after:bottom-full [--expanded-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-var(--toast-placement-offset-y)-(var(--toast-placement-index)*var(--gap)))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-(var(--toast-placement-index)*var(--peek))-(var(--shrink)*var(--height)))]";
-  }
-  return "after:top-full [--expanded-y:calc(var(--anchor-y)+var(--toast-placement-offset-y)+(var(--toast-placement-index)*var(--gap))+var(--toast-swipe-movement-y))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)+(var(--toast-placement-index)*var(--peek))+(var(--shrink)*var(--height)))]";
+	if (side === "bottom" || (side === "left" || side === "right") && align === "end") return "after:bottom-full [--expanded-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-var(--toast-placement-offset-y)-(var(--toast-placement-index)*var(--gap)))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-(var(--toast-placement-index)*var(--peek))-(var(--shrink)*var(--height)))]";
+	return "after:top-full [--expanded-y:calc(var(--anchor-y)+var(--toast-placement-offset-y)+(var(--toast-placement-index)*var(--gap))+var(--toast-swipe-movement-y))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)+(var(--toast-placement-index)*var(--peek))+(var(--shrink)*var(--height)))]";
 }
 function getToastExitClassName(side) {
-  if (side === "bottom") {
-    return "[--exit-x:calc(var(--anchor-x)+24px)] [--exit-y:calc(var(--anchor-y)+150%)]";
-  }
-  if (side === "left") {
-    return "[--exit-x:calc(var(--anchor-x)-150%)] [--exit-y:var(--anchor-y)]";
-  }
-  if (side === "right") {
-    return "[--exit-x:calc(var(--anchor-x)+150%)] [--exit-y:var(--anchor-y)]";
-  }
-  return "[--exit-x:calc(var(--anchor-x)+24px)] [--exit-y:calc(var(--anchor-y)-150%)]";
+	if (side === "bottom") return "[--exit-x:calc(var(--anchor-x)+24px)] [--exit-y:calc(var(--anchor-y)+150%)]";
+	if (side === "left") return "[--exit-x:calc(var(--anchor-x)-150%)] [--exit-y:var(--anchor-y)]";
+	if (side === "right") return "[--exit-x:calc(var(--anchor-x)+150%)] [--exit-y:var(--anchor-y)]";
+	return "[--exit-x:calc(var(--anchor-x)+24px)] [--exit-y:calc(var(--anchor-y)-150%)]";
 }
 function getSwipeDirections(item, isRtl = false) {
-  const { side: resolvedSide, align } = getToastPlacement(item, isRtl);
-  const primary = resolvedSide === "top" ? "up" : resolvedSide === "bottom" ? "down" : resolvedSide === "left" ? "left" : (
-    /* right */
-    "right"
-  );
-  if (align === "center") return primary;
-  const isVerticalSide = resolvedSide === "top" || resolvedSide === "bottom";
-  const secondary = isVerticalSide ? align === "start" ? "left" : "right" : align === "start" ? "up" : "down";
-  return [primary, secondary];
+	const { side: resolvedSide, align } = getToastPlacement(item, isRtl);
+	const primary = resolvedSide === "top" ? "up" : resolvedSide === "bottom" ? "down" : resolvedSide === "left" ? "left" : "right";
+	if (align === "center") return primary;
+	return [primary, resolvedSide === "top" || resolvedSide === "bottom" ? align === "start" ? "left" : "right" : align === "start" ? "up" : "down"];
 }
-export {
-  ToastProvider,
-  toast,
-  toastManager
-};
-//# sourceMappingURL=toast.js.map
+//#endregion
+export { ToastProvider, toast, toastManager };

package/dist/tooltip.d.ts

@@ -1,11 +1,10 @@
-import * as React from 'react';
-import { Popover } from '@base-ui/react/popover';
-
-declare function Tooltip({ ...props }: Popover.Root.Props): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: Omit<Popover.Trigger.Props, "openOnHover">): React.JSX.Element;
-type TooltipContentProps = Popover.Popup.Props & Pick<Popover.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
-    showArrow?: boolean;
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+//#region src/tooltip.d.ts
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): import("react").JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): import("react").JSX.Element;
+type TooltipContentProps = Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & Pick<Tooltip$1.Portal.Props, "container"> & {
+  showArrow?: boolean;
 };
-declare function TooltipContent({ className, side, sideOffset, align, alignOffset, showArrow, children, ...props }: TooltipContentProps): React.JSX.Element;
-
-export { Tooltip, TooltipContent, TooltipTrigger };
+declare function TooltipContent({ className, container, side, sideOffset, align, alignOffset, showArrow, children, ...props }: TooltipContentProps): import("react").JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipTrigger };