@avenue-ticketing/ui 0.12.0-beta.3 → 0.12.0-beta.5

package/dist/react/toast.css

@@ -0,0 +1,67 @@
+/* ../../components/application/toast/toast.css */
+[data-sonner-toast].avenue-toast {
+  display: grid !important;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  justify-items: start;
+  column-gap: 12px;
+  row-gap: 4px;
+}
+[data-sonner-toast].avenue-toast [data-icon] {
+  grid-column: 1;
+  grid-row: 1;
+  position: relative;
+  display: flex;
+  width: 20px;
+  min-width: 20px;
+  height: 24px;
+  align-items: center;
+  justify-content: flex-start;
+  align-self: start;
+}
+[data-sonner-toast].avenue-toast [data-content] {
+  grid-column: 2;
+  grid-row: 1;
+  min-width: 0;
+  text-align: left;
+}
+[data-sonner-toast].avenue-toast:not(:has([data-icon])) [data-content] {
+  grid-column: 1 / -1;
+}
+[data-sonner-toast].avenue-toast [data-title],
+[data-sonner-toast].avenue-toast [data-description] {
+  text-align: left;
+}
+[data-sonner-toast].avenue-toast [data-toast-actions] {
+  grid-column: 1 / -1;
+  grid-row: 2;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+}
+[data-sonner-toast].avenue-toast:has([data-icon]) [data-toast-actions] {
+  padding-left: 32px;
+}
+[data-sonner-toast].avenue-toast [data-toast-actions] button {
+  margin: 0;
+}
+[data-sonner-toast].avenue-toast:not([data-type=loading]) .sonner-loader,
+[data-sonner-toast].avenue-toast:not([data-type=loading]) .sonner-loading-wrapper {
+  display: none !important;
+}
+[data-sonner-toast].avenue-toast[data-type=loading] .sonner-loader {
+  position: static !important;
+  top: auto !important;
+  left: auto !important;
+  transform: none !important;
+}
+[data-sonner-toast].avenue-toast[data-promise=true]:not([data-type=loading]) [data-icon] svg {
+  opacity: 1 !important;
+  transform: none !important;
+  animation: none !important;
+}
+[data-sonner-toast].avenue-toast[data-promise=true]:not([data-type=loading]) {
+  height: auto !important;
+}
+/*# sourceMappingURL=toast.css.map */

package/dist/react/toast.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/application/toast/toast.css"],"sourcesContent":["/**\n * Sonner injects global styles even when `unstyled` is true. Layout + resets live here.\n */\n\n[data-sonner-toast].avenue-toast {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: start;\n    justify-items: start;\n    column-gap: 12px;\n    row-gap: 4px;\n}\n\n[data-sonner-toast].avenue-toast [data-icon] {\n    grid-column: 1;\n    grid-row: 1;\n    position: relative;\n    display: flex;\n    width: 20px;\n    min-width: 20px;\n    height: 24px;\n    align-items: center;\n    justify-content: flex-start;\n    align-self: start;\n}\n\n[data-sonner-toast].avenue-toast [data-content] {\n    grid-column: 2;\n    grid-row: 1;\n    min-width: 0;\n    text-align: left;\n}\n\n[data-sonner-toast].avenue-toast:not(:has([data-icon])) [data-content] {\n    grid-column: 1 / -1;\n}\n\n[data-sonner-toast].avenue-toast [data-title],\n[data-sonner-toast].avenue-toast [data-description] {\n    text-align: left;\n}\n\n[data-sonner-toast].avenue-toast [data-toast-actions] {\n    grid-column: 1 / -1;\n    grid-row: 2;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 12px;\n}\n\n[data-sonner-toast].avenue-toast:has([data-icon]) [data-toast-actions] {\n    padding-left: 32px;\n}\n\n[data-sonner-toast].avenue-toast [data-toast-actions] button {\n    margin: 0;\n}\n\n/* Sonner keeps rendering .sonner-loader after promise resolve — hide it once loading ends. */\n[data-sonner-toast].avenue-toast:not([data-type=\"loading\"]) .sonner-loader,\n[data-sonner-toast].avenue-toast:not([data-type=\"loading\"]) .sonner-loading-wrapper {\n    display: none !important;\n}\n\n/* Phosphor loader — undo Sonner's absolutely-centered .sonner-loader wrapper. */\n[data-sonner-toast].avenue-toast[data-type=\"loading\"] .sonner-loader {\n    position: static !important;\n    top: auto !important;\n    left: auto !important;\n    transform: none !important;\n}\n\n/* Promise toasts keep data-promise=true after resolve — show the success/error icon immediately. */\n[data-sonner-toast].avenue-toast[data-promise=\"true\"]:not([data-type=\"loading\"]) [data-icon] svg {\n    opacity: 1 !important;\n    transform: none !important;\n    animation: none !important;\n}\n\n/* Let resolved promise toasts resize when the message changes. */\n[data-sonner-toast].avenue-toast[data-promise=\"true\"]:not([data-type=\"loading\"]) {\n    height: auto !important;\n}\n"],"mappings":";AAIA,CAAC,kBAAkB,CAAC;AAChB,WAAS;AACT,yBAAuB,KAAK,OAAO,CAAC,EAAE;AACtC,eAAa;AACb,iBAAe;AACf,cAAY;AACZ,WAAS;AACb;AAEA,CAAC,kBAAkB,CATC,aASa,CAAC;AAC9B,eAAa;AACb,YAAU;AACV,YAAU;AACV,WAAS;AACT,SAAO;AACP,aAAW;AACX,UAAQ;AACR,eAAa;AACb,mBAAiB;AACjB,cAAY;AAChB;AAEA,CAAC,kBAAkB,CAtBC,aAsBa,CAAC;AAC9B,eAAa;AACb,YAAU;AACV,aAAW;AACX,cAAY;AAChB;AAEA,CAAC,kBAAkB,CA7BC,YA6BY,KAAK,KAAK,CAAC,aAAa,CAAC;AACrD,eAAa,EAAE,EAAE;AACrB;AAEA,CAAC,kBAAkB,CAjCC,aAiCa,CAAC;AAClC,CAAC,kBAAkB,CAlCC,aAkCa,CAAC;AAC9B,cAAY;AAChB;AAEA,CAAC,kBAAkB,CAtCC,aAsCa,CAAC;AAC9B,eAAa,EAAE,EAAE;AACjB,YAAU;AACV,WAAS;AACT,aAAW;AACX,eAAa;AACb,OAAK;AACT;AAEA,CAAC,kBAAkB,CA/CC,YA+CY,KAAK,CAAC,YAAY,CAAC;AAC/C,gBAAc;AAClB;AAEA,CAAC,kBAAkB,CAnDC,aAmDa,CAAC,oBAAoB;AAClD,UAAQ;AACZ;AAGA,CAAC,kBAAkB,CAxDC,YAwDY,KAAK,CAAC,oBAAsB,CAAC;AAC7D,CAAC,kBAAkB,CAzDC,YAyDY,KAAK,CAAC,oBAAsB,CAAC;AACzD,WAAS;AACb;AAGA,CAAC,kBAAkB,CA9DC,YA8DY,CAAC,mBAAqB,CANO;AAOzD,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW;AACf;AAGA,CAAC,kBAAkB,CAtEC,YAsEY,CAAC,kBAAoB,KAAK,CAAC,oBAAsB,CAAC,WAAW;AACzF,WAAS;AACT,aAAW;AACX,aAAW;AACf;AAGA,CAAC,kBAAkB,CA7EC,YA6EY,CAAC,kBAAoB,KAAK,CAAC;AACvD,UAAQ;AACZ;","names":[]}

package/dist/react/toast.d.ts

@@ -0,0 +1,116 @@
+import * as react from 'react';
+import { ReactNode, FC, ComponentProps, ReactElement } from 'react';
+import { ExternalToast, Toaster as Toaster$1, ToastT, ToastToDismiss } from 'sonner';
+
+type ToastColor = "default" | "neutral" | "brand" | "success" | "warning" | "error";
+interface ToastProps {
+    /**
+     * Primary message shown in the toast.
+     */
+    title: ReactNode;
+    /**
+     * Optional supporting text below the title.
+     */
+    description?: ReactNode;
+    /**
+     * Semantic color variant for the toast surface and leading icon.
+     *
+     * @default "default"
+     */
+    color?: ToastColor;
+    /**
+     * Custom leading icon. Pass `null` to hide the icon.
+     */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode | null;
+    /**
+     * Custom action element. Overrides `actionLabel` / `onAction`.
+     */
+    action?: ReactNode;
+    /**
+     * Label for the default action button.
+     */
+    actionLabel?: string;
+    /**
+     * Handler for the default action button.
+     */
+    onAction?: () => void;
+    /**
+     * Called after the dismiss animation completes.
+     */
+    onClose?: () => void;
+    /**
+     * Whether to show the dismiss control.
+     *
+     * @default true when `onClose` is provided
+     */
+    showClose?: boolean;
+    /**
+     * Auto-dismiss duration in milliseconds. Pass `null` to disable.
+     *
+     * @default 6000
+     */
+    duration?: number | null;
+    /**
+     * Uses `role="alert"` instead of `role="status"`.
+     * Defaults to `true` for `error` and `warning` colors.
+     */
+    isUrgent?: boolean;
+    className?: string;
+}
+declare const Toast: {
+    ({ title, description, color, icon, action, actionLabel, onAction, onClose, showClose, duration, isUrgent, className, }: ToastProps): react.JSX.Element | null;
+    displayName: string;
+};
+interface ToastStackProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Static layout helper for previewing multiple toasts in Storybook.
+ */
+declare const ToastStack: {
+    ({ children, className }: ToastStackProps): react.JSX.Element;
+    displayName: string;
+};
+
+type ToasterProps = Omit<ComponentProps<typeof Toaster$1>, "theme" | "richColors">;
+/** Matches Sonner's `ExternalToast` — pass `action`, `cancel`, or JSX freely. */
+type ToastOptions = ExternalToast;
+type Title = ReactNode | (() => ReactNode);
+type ToastId = string | number;
+type ToastHandler = (message: Title, data?: ToastOptions) => ToastId;
+type ToastPromiseData<T = unknown> = Omit<ExternalToast, "description"> & {
+    loading?: ReactNode;
+    success?: ReactNode | string | ((data: T) => ReactNode | string | Promise<ReactNode | string>);
+    error?: ReactNode | string | ((data: unknown) => ReactNode | string | Promise<ReactNode | string>);
+    description?: ReactNode | string | ((data: T) => ReactNode | string | Promise<ReactNode | string>);
+    finally?: () => void | Promise<void>;
+};
+type ToastPromiseReturn<T> = ToastId & {
+    unwrap: () => Promise<T>;
+};
+type AvenueToast = ToastHandler & {
+    success: ToastHandler;
+    info: ToastHandler;
+    warning: ToastHandler;
+    error: ToastHandler;
+    neutral: ToastHandler;
+    loading: ToastHandler;
+    promise: <T>(promise: Promise<T> | (() => Promise<T>), data?: ToastPromiseData<T>) => ToastPromiseReturn<T>;
+    custom: (jsx: (id: ToastId) => ReactElement, data?: ToastOptions) => ToastId;
+    dismiss: (id?: ToastId) => ToastId;
+    getHistory: () => (ToastT | ToastToDismiss)[];
+    getToasts: () => (ToastT | ToastToDismiss)[];
+};
+/**
+ * Imperative toast API backed by Sonner. Matches the [`toast` API](https://sonner.emilkowal.ski/toast).
+ */
+declare const toast: AvenueToast;
+declare const Toaster: {
+    ({ toastOptions, className, icons, duration, closeButton, ...props }: ToasterProps): react.JSX.Element;
+    displayName: string;
+};
+
+export { Toast, type ToastColor, type ToastOptions, type ToastProps, ToastStack, type ToastStackProps, Toaster, type ToasterProps, toast };

package/dist/react/toast.js

@@ -0,0 +1,620 @@
+import { isValidElement, useState, useCallback, useEffect } from 'react';
+import { CheckCircleIcon } from '@phosphor-icons/react/dist/csr/CheckCircle';
+import { InfoIcon } from '@phosphor-icons/react/dist/csr/Info';
+import { WarningCircleIcon } from '@phosphor-icons/react/dist/csr/WarningCircle';
+import { XCircleIcon } from '@phosphor-icons/react/dist/csr/XCircle';
+import { XIcon } from '@phosphor-icons/react/dist/csr/X';
+import { Link, Button as Button$1 } from 'react-aria-components';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { CircleNotchIcon } from '@phosphor-icons/react/dist/csr/CircleNotch';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+
+// ../../components/application/toast/toast.tsx
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
+function sortCx(classes) {
+  return classes;
+}
+
+// ../../utils/is-react-component.ts
+var isFunctionComponent = (component) => {
+  return typeof component === "function";
+};
+var isClassComponent = (component) => {
+  return typeof component === "function" && component.prototype && (!!component.prototype.isReactComponent || !!component.prototype.render);
+};
+var isForwardRefComponent = (component) => {
+  return typeof component === "object" && component !== null && component.$$typeof.toString() === "Symbol(react.forward_ref)";
+};
+var isReactComponent = (component) => {
+  return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);
+};
+var focusShadowPlain = "focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var focusShadowSkeuomorphic = "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-xs-skeuomorphic),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var skeuomorphicGradientBorderClass = [
+  "ring-1 ring-inset ring-transparent",
+  "before:pointer-events-none before:absolute before:inset-px before:rounded-[inherit] before:border before:border-[#ffffff1f] before:content-['']",
+  "before:[mask-image:linear-gradient(to_bottom,#000,transparent)]"
+].join(" ");
+var skeuomorphicShadowClass = ["shadow-xs-skeuomorphic", focusShadowSkeuomorphic, "overflow-hidden"].join(" ");
+var focusShadowSecondary = "focus-visible:outline-none focus-visible:[box-shadow:0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var secondaryInnerShadow = "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:[box-shadow:inset_0px_-1px_0px_0px_rgba(0,0,0,0.05)]";
+var secondaryShadowClass = ["relative overflow-hidden shadow-xs", secondaryInnerShadow, focusShadowSecondary].join(" ");
+var inputNumberButtonClass = [
+  "in-data-number-input:border-0 in-data-number-input:shadow-none in-data-number-input:!rounded-none in-data-number-input:!h-full in-data-number-input:!min-h-0 in-data-number-input:self-stretch in-data-number-input:overflow-hidden",
+  "in-data-number-input:before:hidden in-data-number-input:after:hidden",
+  "in-data-number-input:focus-visible:outline-none in-data-number-input:focus-visible:shadow-none in-data-number-input:focus-visible:ring-0 in-data-number-input:focus-visible:![box-shadow:none]"
+].join(" ");
+var inputAddonButtonClass = [
+  "in-data-input-wrapper:border-0 in-data-input-wrapper:shadow-none in-data-input-wrapper:!rounded-none in-data-input-wrapper:overflow-hidden",
+  "in-data-input-wrapper:in-data-trailing:border-l in-data-input-wrapper:in-data-trailing:border-solid in-data-input-wrapper:in-data-trailing:border-primary",
+  "in-data-input-wrapper:in-data-leading:border-r in-data-input-wrapper:in-data-leading:border-solid in-data-input-wrapper:in-data-leading:border-primary",
+  "in-data-input-wrapper:group-invalid:in-data-trailing:border-error_subtle in-data-input-wrapper:group-invalid:in-data-leading:border-error_subtle",
+  "in-data-input-wrapper:before:hidden in-data-input-wrapper:after:hidden",
+  "in-data-input-wrapper:focus-visible:outline-none in-data-input-wrapper:focus-visible:shadow-none in-data-input-wrapper:focus-visible:ring-0 in-data-input-wrapper:focus-visible:![box-shadow:none]"
+].join(" ");
+var styles = sortCx({
+  common: {
+    root: [
+      "group relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-full font-body outline-none before:absolute",
+      "font-semibold transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-out",
+      "pressed:scale-[0.985] pressed:duration-100 pressed:ease-linear motion-reduce:pressed:scale-100",
+      "disabled:pointer-events-none disabled:cursor-not-allowed in-data-input-wrapper:disabled:opacity-100",
+      inputAddonButtonClass,
+      inputNumberButtonClass,
+      // Stretch to InputGroup row height; padding/typography follow `data-input-size` on the field (Figma 85:1269).
+      "in-data-input-wrapper:!h-full in-data-input-wrapper:!min-h-0 in-data-input-wrapper:self-stretch",
+      "in-data-input-wrapper:in-data-[input-size=sm]:gap-1 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:text-sm",
+      "in-data-input-wrapper:in-data-[input-size=md]:gap-1 in-data-input-wrapper:in-data-[input-size=md]:px-3.5 in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:text-sm",
+      "in-data-input-wrapper:in-data-[input-size=lg]:gap-1.5 in-data-input-wrapper:in-data-[input-size=lg]:px-4 in-data-input-wrapper:in-data-[input-size=lg]:py-2.5 in-data-input-wrapper:in-data-[input-size=lg]:text-md",
+      "*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:transition-inherit-all"
+    ].join(" "),
+    icon: "pointer-events-none shrink-0 transition-inherit-all"
+  },
+  sizes: {
+    xs: {
+      root: [
+        "h-8 min-h-8 gap-1 px-[0.625rem] py-1.5 text-sm data-icon-only:size-8 data-icon-only:min-h-8 data-icon-only:min-w-8 data-icon-only:p-2",
+        "in-data-input-wrapper:data-icon-only:p-2.5",
+        "*:data-icon:size-4"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3"
+    },
+    sm: {
+      root: [
+        "h-9 min-h-9 gap-1 px-3 py-2 text-sm data-icon-only:size-9 data-icon-only:min-h-9 data-icon-only:min-w-9 data-icon-only:p-2",
+        "in-data-input-wrapper:data-icon-only:p-2.5",
+        "*:data-icon:size-5"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3"
+    },
+    md: {
+      root: [
+        "h-10 min-h-10 gap-1 px-3.5 py-2.5 text-sm data-icon-only:size-10 data-icon-only:min-h-10 data-icon-only:min-w-10 data-icon-only:p-2.5",
+        "in-data-input-wrapper:data-icon-only:p-3",
+        "*:data-icon:size-5"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-4"
+    },
+    lg: {
+      root: "h-11 min-h-11 gap-1.5 px-4 py-2.5 text-md data-icon-only:size-11 data-icon-only:min-h-11 data-icon-only:min-w-11 data-icon-only:p-3 *:data-icon:size-5",
+      linkRoot: "h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4"
+    },
+    xl: {
+      root: "h-12 min-h-12 gap-1.5 px-[1.125rem] py-3 text-md data-icon-only:size-12 data-icon-only:min-h-12 data-icon-only:min-w-12 data-icon-only:p-3 data-icon-only:*:data-icon:size-6 *:data-icon:size-5",
+      linkRoot: "h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4"
+    }
+  },
+  colors: {
+    /** Figma Hierarchy=Primary — dark neutral solid; hover lightens to fg-tertiary_hover (#404040). */
+    primary: {
+      root: [
+        "bg-primary-solid text-white",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-fg-tertiary_hover dark:hover:bg-quaternary",
+        "disabled:opacity-30",
+        "data-loading:bg-fg-tertiary_hover dark:data-loading:bg-quaternary",
+        "*:data-icon:not([data-icon=loading]):text-white/70"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Brand — purple solid; hover darkens to bg-brand-solid_hover (#6d28d9). */
+    brand: {
+      root: [
+        "bg-brand-solid text-primary_on-brand",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-brand-solid_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-brand-solid_hover",
+        "*:data-icon:not([data-icon=loading]):text-primary_on-brand"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Secondary — border-primary + shadow-xs + skeuomorphic inner rim overlay. */
+    secondary: {
+      root: [
+        "border border-solid border-primary bg-primary text-secondary",
+        secondaryShadowClass,
+        "hover:bg-primary_hover hover:text-secondary_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-primary_hover",
+        "*:data-icon:text-fg-secondary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Tertiary */
+    tertiary: {
+      root: [
+        "border border-transparent bg-transparent text-tertiary",
+        focusShadowPlain,
+        "hover:bg-primary_hover hover:text-tertiary_hover",
+        "disabled:opacity-50",
+        "*:data-icon:text-fg-tertiary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link color — text + icons share brand-secondary; hover underlines with fg-brand-secondary. */
+    "link-color": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-brand-secondary shadow-none",
+        focusShadowPlain,
+        "hover:text-brand-secondary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-brand-secondary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link gray — text + icons share tertiary; hover underlines with fg-quaternary. */
+    "link-gray": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-tertiary shadow-none",
+        focusShadowPlain,
+        "hover:text-tertiary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-quaternary"
+      ].join(" ")
+    },
+    "primary-destructive": {
+      root: [
+        "bg-error-solid text-white",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-error-solid_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-error-solid_hover",
+        "*:data-icon:not([data-icon=loading]):text-white/70"
+      ].join(" ")
+    },
+    "secondary-destructive": {
+      root: [
+        "border border-solid border-primary bg-primary text-error-primary",
+        secondaryShadowClass,
+        "hover:bg-error-primary hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-error-primary",
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    "tertiary-destructive": {
+      root: [
+        "border border-transparent bg-transparent text-error-primary",
+        focusShadowPlain,
+        "hover:bg-error-primary hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link (destructive) — text + icons share error-primary; hover underlines. */
+    "link-destructive": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-error-primary shadow-none",
+        focusShadowPlain,
+        "hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-current"
+      ].join(" ")
+    }
+  }
+});
+var Button = ({
+  size = "md",
+  color = "primary",
+  children,
+  className,
+  noTextPadding,
+  iconLeading: IconLeading,
+  iconTrailing: IconTrailing,
+  isDisabled: disabled,
+  isLoading: loading,
+  showTextWhileLoading,
+  ...props
+}) => {
+  const href = "href" in props ? props.href : void 0;
+  const isIcon = (IconLeading || IconTrailing) && !children;
+  const isLinkType = ["link-gray", "link-color", "link-destructive"].includes(color);
+  noTextPadding = isLinkType || noTextPadding;
+  const commonChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
+    isValidElement(IconLeading) && IconLeading,
+    isReactComponent(IconLeading) && /* @__PURE__ */ jsx(IconLeading, { "data-icon": "leading", className: styles.common.icon }),
+    loading && /* @__PURE__ */ jsx(
+      "svg",
+      {
+        fill: "none",
+        "data-icon": "loading",
+        viewBox: "0 0 256 256",
+        "aria-hidden": true,
+        className: cx(
+          styles.common.icon,
+          "size-5 animate-spin",
+          !showTextWhileLoading && "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60,61.46,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20-66.54-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z"
+          }
+        )
+      }
+    ),
+    children && /* @__PURE__ */ jsx("span", { "data-text": true, className: cx("transition-inherit-all", !noTextPadding && !isLinkType && "px-0.5"), children }),
+    isValidElement(IconTrailing) && IconTrailing,
+    isReactComponent(IconTrailing) && /* @__PURE__ */ jsx(IconTrailing, { "data-icon": "trailing", className: styles.common.icon })
+  ] });
+  const commonProps = {
+    "data-icon-only": isIcon ? true : void 0,
+    "data-loading": loading ? true : void 0,
+    ...props,
+    isDisabled: disabled || loading,
+    className: cx(
+      styles.common.root,
+      styles.sizes[size].root,
+      styles.colors[color].root,
+      isLinkType && styles.sizes[size].linkRoot,
+      (loading || href && (disabled || loading)) && "pointer-events-none",
+      loading && (showTextWhileLoading ? "[&>*:not([data-icon=loading]):not([data-text])]:hidden" : "[&>*:not([data-icon=loading])]:invisible"),
+      className
+    ),
+    children: commonChildren
+  };
+  if ("href" in commonProps) {
+    return /* @__PURE__ */ jsx(Link, { ...commonProps, href: disabled || loading ? void 0 : href });
+  }
+  return /* @__PURE__ */ jsx(Button$1, { ...commonProps, type: commonProps.type || "button", isPending: loading });
+};
+var DEFAULT_TOAST_DURATION_MS = 6e3;
+var defaultIcons = {
+  default: InfoIcon,
+  neutral: InfoIcon,
+  brand: InfoIcon,
+  success: CheckCircleIcon,
+  warning: WarningCircleIcon,
+  error: XCircleIcon
+};
+var variantStyles = sortCx({
+  default: {
+    root: "border-white/10 bg-primary-solid dark:border-secondary dark:bg-utility-neutral-900",
+    title: "text-white dark:text-utility-neutral-50",
+    description: "text-white dark:text-utility-neutral-200",
+    icon: "text-fg-white dark:text-utility-neutral-50"
+  },
+  neutral: {
+    root: "border-white/10 bg-secondary-solid",
+    title: "text-white",
+    description: "text-white",
+    icon: "text-fg-white"
+  },
+  brand: {
+    root: "border-white/10 bg-brand-solid",
+    title: "text-white",
+    description: "text-white",
+    icon: "text-fg-white"
+  },
+  success: {
+    root: "border-white/10 bg-success-solid",
+    title: "text-white",
+    description: "text-white",
+    icon: "text-fg-white"
+  },
+  warning: {
+    root: "border-white/10 bg-warning-solid",
+    title: "text-white",
+    description: "text-white",
+    icon: "text-fg-white"
+  },
+  error: {
+    root: "border-white/10 bg-error-solid",
+    title: "text-white",
+    description: "text-white",
+    icon: "text-fg-white"
+  }
+});
+var toastActionLinkClassName = cx(
+  "text-white! hover:text-white/80! *:data-text:no-underline! hover:*:data-text:underline! hover:*:data-text:decoration-white/80",
+  "group-data-[type=default]/toast:dark:text-utility-neutral-50! group-data-[type=loading]/toast:dark:text-utility-neutral-50!",
+  "group-data-[type=default]/toast:dark:hover:text-utility-neutral-200! group-data-[type=loading]/toast:dark:hover:text-utility-neutral-200!",
+  "group-data-[type=default]/toast:dark:hover:*:data-text:decoration-utility-neutral-200! group-data-[type=loading]/toast:dark:hover:*:data-text:decoration-utility-neutral-200!"
+);
+var dismissButtonClassName = cx(
+  "relative z-20 flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent shadow-none",
+  "text-fg-white [&_svg]:opacity-70",
+  "transition duration-100 ease-linear",
+  "hover:bg-white/20 hover:[&_svg]:opacity-100",
+  "active:scale-[0.96]",
+  "focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]",
+  "group-data-[type=default]/toast:dark:text-fg-quaternary group-data-[type=default]/toast:dark:[&_svg]:opacity-70",
+  "group-data-[type=default]/toast:dark:hover:bg-utility-neutral-800 group-data-[type=default]/toast:dark:hover:text-fg-quaternary_hover group-data-[type=default]/toast:dark:hover:[&_svg]:opacity-100",
+  "group-data-[type=loading]/toast:dark:text-fg-quaternary group-data-[type=loading]/toast:dark:[&_svg]:opacity-70",
+  "group-data-[type=loading]/toast:dark:hover:bg-utility-neutral-800 group-data-[type=loading]/toast:dark:hover:text-fg-quaternary_hover group-data-[type=loading]/toast:dark:hover:[&_svg]:opacity-100"
+);
+var Toast = ({
+  title,
+  description,
+  color = "default",
+  icon,
+  action,
+  actionLabel,
+  onAction,
+  onClose,
+  showClose = Boolean(onClose),
+  duration = DEFAULT_TOAST_DURATION_MS,
+  isUrgent,
+  className
+}) => {
+  const styles2 = variantStyles[color];
+  const resolvedIcon = icon === null ? null : icon ?? defaultIcons[color];
+  const hasAction = Boolean(action || actionLabel);
+  const hasIcon = resolvedIcon != null;
+  const role = isUrgent ?? (color === "error" || color === "warning") ? "alert" : "status";
+  const [isVisible, setIsVisible] = useState(true);
+  const dismiss = useCallback(() => {
+    setIsVisible(false);
+    onClose?.();
+  }, [onClose]);
+  useEffect(() => {
+    if (duration == null || duration <= 0 || !isVisible) return;
+    const timer = window.setTimeout(dismiss, duration);
+    return () => window.clearTimeout(timer);
+  }, [duration, dismiss, isVisible]);
+  const renderIcon = () => {
+    if (!hasIcon) return null;
+    const Icon = isReactComponent(resolvedIcon) ? resolvedIcon : null;
+    if (Icon) {
+      return /* @__PURE__ */ jsx(Icon, { "data-icon": true, className: cx("size-5 shrink-0", styles2.icon), "aria-hidden": "true" });
+    }
+    if (isValidElement(resolvedIcon)) {
+      return resolvedIcon;
+    }
+    return null;
+  };
+  const renderCloseButton = () => {
+    if (!showClose) return null;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Close",
+        className: cx(
+          dismissButtonClassName,
+          color === "default" && "dark:text-fg-quaternary dark:[&_svg]:opacity-70 dark:hover:bg-utility-neutral-800 dark:hover:text-fg-quaternary_hover dark:hover:[&_svg]:opacity-100",
+          "absolute top-2.5 right-2"
+        ),
+        onClick: dismiss,
+        children: [
+          /* @__PURE__ */ jsx(XIcon, { className: "size-5", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ]
+      }
+    );
+  };
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role,
+      "aria-live": role === "alert" ? "assertive" : "polite",
+      className: cx(
+        "relative w-full max-w-100 rounded-xl border p-4 shadow-md",
+        !hasIcon && "pl-5",
+        styles2.root,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 gap-3", children: [
+          hasIcon && /* @__PURE__ */ jsx("div", { className: "flex h-6 shrink-0 items-center self-start", children: renderIcon() }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("p", { className: cx("text-md font-semibold", styles2.title), children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: cx("text-sm", styles2.description), children: description }),
+            hasAction && /* @__PURE__ */ jsx("div", { className: "mt-1", children: action ?? /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "link-gray",
+                size: "sm",
+                className: cx(
+                  toastActionLinkClassName,
+                  color === "default" && "dark:text-utility-neutral-50! dark:hover:text-utility-neutral-200! dark:hover:*:data-text:decoration-utility-neutral-200!"
+                ),
+                onPress: onAction,
+                children: actionLabel
+              }
+            ) })
+          ] })
+        ] }),
+        renderCloseButton()
+      ]
+    }
+  );
+};
+Toast.displayName = "Toast";
+var ToastStack = ({ children, className }) => {
+  return /* @__PURE__ */ jsx("div", { className: cx("flex w-full max-w-100 flex-col gap-3 overflow-hidden", className), role: "presentation", children });
+};
+ToastStack.displayName = "ToastStack";
+var DEFAULT_TOAST_DURATION_MS2 = 6e3;
+var isAction = (value) => {
+  return typeof value === "object" && value !== null && !isValidElement(value) && "label" in value && "onClick" in value;
+};
+var withDefaultType = (data) => {
+  return {
+    ...data,
+    type: "default",
+    className: cx("bg-primary-solid dark:border-secondary dark:bg-utility-neutral-900", data?.className)
+  };
+};
+var createActionClickEvent = () => {
+  let defaultPrevented = false;
+  return {
+    preventDefault: () => {
+      defaultPrevented = true;
+    },
+    get defaultPrevented() {
+      return defaultPrevented;
+    }
+  };
+};
+var renderNativeActionButton = (action, onPress) => /* @__PURE__ */ jsx(Button, { color: "link-gray", size: "sm", className: toastActionLinkClassName, onPress, children: action.label });
+var wrapToastFooter = (options = {}) => {
+  const nativeAction = isAction(options.action) ? options.action : null;
+  const nativeCancel = isAction(options.cancel) ? options.cancel : null;
+  const customAction = options.action && isValidElement(options.action) ? options.action : null;
+  if (!nativeAction && !nativeCancel && !customAction) {
+    return options;
+  }
+  if (customAction) {
+    if (customAction.props && typeof customAction.props === "object" && "data-toast-actions" in customAction.props) {
+      return { ...options, cancel: void 0 };
+    }
+    return {
+      ...options,
+      cancel: void 0,
+      action: /* @__PURE__ */ jsx("div", { "data-toast-actions": true, className: "flex flex-wrap items-center gap-3", children: customAction })
+    };
+  }
+  const id = options.id ?? `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  return {
+    ...options,
+    id,
+    cancel: void 0,
+    action: /* @__PURE__ */ jsxs("div", { "data-toast-actions": true, className: "flex flex-wrap items-center gap-3", children: [
+      nativeCancel && renderNativeActionButton(nativeCancel, () => {
+        nativeCancel.onClick(createActionClickEvent());
+        toast$1.dismiss(id);
+      }),
+      nativeAction && renderNativeActionButton(nativeAction, () => {
+        const event = createActionClickEvent();
+        nativeAction.onClick(event);
+        if (!event.defaultPrevented) {
+          toast$1.dismiss(id);
+        }
+      })
+    ] })
+  };
+};
+var mapToastOptions = (data, config) => {
+  let options;
+  if (config?.variant === "neutral") {
+    options = {
+      ...data,
+      className: cx("!border-white/10 !bg-secondary-solid", data?.className),
+      classNames: {
+        toast: "!border-white/10 !bg-secondary-solid",
+        title: "!text-white",
+        description: "!text-white",
+        icon: "!text-fg-white",
+        ...data?.classNames
+      },
+      icon: data?.icon === void 0 ? /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true", className: "size-5 shrink-0 text-fg-white" }) : data.icon
+    };
+  } else {
+    options = withDefaultType(data);
+  }
+  return wrapToastFooter(options);
+};
+var resolveTitle = (message) => typeof message === "function" ? message() : message;
+var toastPromise = (promise, data) => toast$1.promise(promise, data);
+var toast = Object.assign(
+  (message, data) => toast$1(resolveTitle(message), mapToastOptions(data)),
+  {
+    success: (message, data) => toast$1.success(resolveTitle(message), mapToastOptions(data)),
+    info: (message, data) => toast$1.info(resolveTitle(message), mapToastOptions(data)),
+    warning: (message, data) => toast$1.warning(resolveTitle(message), mapToastOptions(data)),
+    error: (message, data) => toast$1.error(resolveTitle(message), mapToastOptions(data)),
+    neutral: (message, data) => toast$1(resolveTitle(message), mapToastOptions(data, { variant: "neutral" })),
+    loading: (message, data) => toast$1.loading(resolveTitle(message), mapToastOptions(data)),
+    promise: toastPromise,
+    custom: toast$1.custom,
+    dismiss: toast$1.dismiss,
+    getHistory: toast$1.getHistory,
+    getToasts: toast$1.getToasts
+  }
+);
+var toastClassNames = {
+  toast: cx(
+    "avenue-toast group/toast relative w-full max-w-100 rounded-xl border border-white/10 p-4 pr-10 shadow-md",
+    "data-[type=default]:bg-primary-solid data-[type=default]:dark:border-secondary data-[type=default]:dark:bg-utility-neutral-900",
+    "data-[type=loading]:bg-primary-solid data-[type=loading]:dark:border-secondary data-[type=loading]:dark:bg-utility-neutral-900",
+    "data-[type=success]:bg-success-solid",
+    "data-[type=warning]:bg-warning-solid",
+    "data-[type=error]:bg-error-solid",
+    "data-[type=info]:bg-brand-solid"
+  ),
+  content: "flex min-w-0 flex-col gap-1",
+  title: "text-md font-semibold text-white group-data-[type=default]/toast:dark:text-utility-neutral-50 group-data-[type=loading]/toast:dark:text-utility-neutral-50",
+  description: "text-sm text-white group-data-[type=default]/toast:dark:text-utility-neutral-200 group-data-[type=loading]/toast:dark:text-utility-neutral-200",
+  icon: cx(
+    "[&_svg]:size-5 [&_svg]:shrink-0 text-fg-white group-data-[type=default]/toast:dark:text-utility-neutral-50 group-data-[type=loading]/toast:dark:text-utility-neutral-50"
+  ),
+  loader: "[&_svg]:size-5 [&_svg]:shrink-0",
+  closeButton: cx(
+    dismissButtonClassName,
+    "absolute top-2.5 right-2 !border-0 !shadow-none hover:!bg-white/20",
+    "group-data-[type=default]/toast:dark:hover:!bg-utility-neutral-800",
+    "group-data-[type=loading]/toast:dark:hover:!bg-utility-neutral-800"
+  )
+};
+var toastIcons = {
+  default: /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }),
+  success: /* @__PURE__ */ jsx(CheckCircleIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }),
+  info: /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }),
+  warning: /* @__PURE__ */ jsx(WarningCircleIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }),
+  error: /* @__PURE__ */ jsx(XCircleIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }),
+  loading: /* @__PURE__ */ jsx(CircleNotchIcon, { "aria-hidden": "true", className: "size-5 shrink-0 animate-spin" }),
+  close: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true", className: "size-5" })
+};
+var Toaster = ({
+  toastOptions,
+  className,
+  icons,
+  duration = DEFAULT_TOAST_DURATION_MS2,
+  closeButton = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      className: className ?? "toaster group",
+      duration,
+      closeButton,
+      richColors: false,
+      icons: { ...toastIcons, ...icons },
+      toastOptions: {
+        unstyled: true,
+        ...toastOptions,
+        classNames: {
+          ...toastClassNames,
+          ...toastOptions?.classNames
+        }
+      },
+      ...props
+    }
+  );
+};
+Toaster.displayName = "Toaster";
+
+export { Toast, ToastStack, Toaster, toast };
+//# sourceMappingURL=toast.js.map
+//# sourceMappingURL=toast.js.map

package/dist/react/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../utils/cx.ts","../../../../utils/is-react-component.ts","../../../../components/base/buttons/button.tsx","../../../../components/application/toast/toast.tsx","../../../../components/application/toast/toaster.tsx"],"names":["AriaLink","AriaButton","InfoCircle","CheckCircle","AlertCircle","XCircle","styles","jsx","isValidElement","jsxs","X","DEFAULT_TOAST_DURATION_MS","sonnerToast","CircleNotch","SonnerToaster"],"mappings":"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","file":"toast.js","sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n    extend: {\n        theme: {\n            text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n        },\n    },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n    return classes;\n}\n","/* We cannot use type `unknown` instead of `any` here because it will break the type assertion `isReactComponent` function is providing. */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type React from \"react\";\n\ntype ReactComponent = React.FC<any> | React.ComponentClass<any, any>;\n\n/**\n * Checks if a given value is a function component.\n */\nexport const isFunctionComponent = (component: any): component is React.FC<any> => {\n    return typeof component === \"function\";\n};\n\n/**\n * Checks if a given value is a class component.\n */\nexport const isClassComponent = (component: any): component is React.ComponentClass<any, any> => {\n    return typeof component === \"function\" && component.prototype && (!!component.prototype.isReactComponent || !!component.prototype.render);\n};\n\n/**\n * Checks if a given value is a forward ref component.\n */\nexport const isForwardRefComponent = (component: any): component is React.ForwardRefExoticComponent<any> => {\n    return typeof component === \"object\" && component !== null && component.$$typeof.toString() === \"Symbol(react.forward_ref)\";\n};\n\n/**\n * Checks if a given value is a valid React component.\n */\nexport const isReactComponent = (component: any): component is ReactComponent => {\n    return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);\n};\n","\"use client\";\n\nimport type { FC, ReactElement, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from \"@/utils/cx\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\n\n/**\n * Figma: Buttons/Button (3287:427074), Buttons/Button destructive (6218:85578)\n *\n * Hierarchy mapping (Figma → Untitled `color` prop):\n * - Primary  → `primary`  (dark neutral solid — default CTA, black in light mode)\n * - Brand    → `brand`    (purple solid)\n * - Secondary / Tertiary / Link color / Link gray → same names\n *\n * Focus: Figma spread-shadow ring (2px surface gap + 4px focus-ring), not outline.\n * Skeuomorphic: shadow-xs-skeuomorphic + gradient top rim (#ffffff1f).\n */\n\n/** Plain focus — Tertiary, Link color, Link gray (Figma Focus rings/focus-ring). */\nconst focusShadowPlain =\n    \"focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Skeuomorphic focus — Primary, Brand, Secondary (Figma focus-ring-shadow-xs-skeuomorphic). */\nconst focusShadowSkeuomorphic =\n    \"focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-xs-skeuomorphic),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Figma Gradient/skeuemorphic-gradient-border — 1px inner rim, strongest at top. */\nconst skeuomorphicGradientBorderClass = [\n    \"ring-1 ring-inset ring-transparent\",\n    \"before:pointer-events-none before:absolute before:inset-px before:rounded-[inherit] before:border before:border-[#ffffff1f] before:content-['']\",\n    \"before:[mask-image:linear-gradient(to_bottom,#000,transparent)]\",\n].join(\" \");\n\nconst skeuomorphicShadowClass = [\"shadow-xs-skeuomorphic\", focusShadowSkeuomorphic, \"overflow-hidden\"].join(\" \");\n\n/** Secondary focus — shadow-xs + spread focus ring (Figma focus-ring-shadow-xs-skeuomorphic; keeps real border). */\nconst focusShadowSecondary =\n    \"focus-visible:outline-none focus-visible:[box-shadow:0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Secondary depth — bottom inset only; outer edge is border-primary (inner 1px rim stacks visually with border). */\nconst secondaryInnerShadow =\n    \"after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:[box-shadow:inset_0px_-1px_0px_0px_rgba(0,0,0,0.05)]\";\n\nconst secondaryShadowClass = [\"relative overflow-hidden shadow-xs\", secondaryInnerShadow, focusShadowSecondary].join(\" \");\n\n/** Number input stepper buttons — shell owns border/focus; match outer rounded-lg corners. */\nconst inputNumberButtonClass =\n    [\n        \"in-data-number-input:border-0 in-data-number-input:shadow-none in-data-number-input:!rounded-none in-data-number-input:!h-full in-data-number-input:!min-h-0 in-data-number-input:self-stretch in-data-number-input:overflow-hidden\",\n        \"in-data-number-input:before:hidden in-data-number-input:after:hidden\",\n        \"in-data-number-input:focus-visible:outline-none in-data-number-input:focus-visible:shadow-none in-data-number-input:focus-visible:ring-0 in-data-number-input:focus-visible:![box-shadow:none]\",\n    ].join(\" \");\n\n/** InputGroup addon buttons — shell owns outer border/corners; button is a flat inner segment (like NativeSelect). */\nconst inputAddonButtonClass =\n    [\n        \"in-data-input-wrapper:border-0 in-data-input-wrapper:shadow-none in-data-input-wrapper:!rounded-none in-data-input-wrapper:overflow-hidden\",\n        \"in-data-input-wrapper:in-data-trailing:border-l in-data-input-wrapper:in-data-trailing:border-solid in-data-input-wrapper:in-data-trailing:border-primary\",\n        \"in-data-input-wrapper:in-data-leading:border-r in-data-input-wrapper:in-data-leading:border-solid in-data-input-wrapper:in-data-leading:border-primary\",\n        \"in-data-input-wrapper:group-invalid:in-data-trailing:border-error_subtle in-data-input-wrapper:group-invalid:in-data-leading:border-error_subtle\",\n        \"in-data-input-wrapper:before:hidden in-data-input-wrapper:after:hidden\",\n        \"in-data-input-wrapper:focus-visible:outline-none in-data-input-wrapper:focus-visible:shadow-none in-data-input-wrapper:focus-visible:ring-0 in-data-input-wrapper:focus-visible:![box-shadow:none]\",\n    ].join(\" \");\n\nconst styles = sortCx({\n    common: {\n        root: [\n            \"group relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-full font-body outline-none before:absolute\",\n            \"font-semibold transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-out\",\n            \"pressed:scale-[0.985] pressed:duration-100 pressed:ease-linear motion-reduce:pressed:scale-100\",\n            \"disabled:pointer-events-none disabled:cursor-not-allowed in-data-input-wrapper:disabled:opacity-100\",\n            inputAddonButtonClass,\n            inputNumberButtonClass,\n            // Stretch to InputGroup row height; padding/typography follow `data-input-size` on the field (Figma 85:1269).\n            \"in-data-input-wrapper:!h-full in-data-input-wrapper:!min-h-0 in-data-input-wrapper:self-stretch\",\n            \"in-data-input-wrapper:in-data-[input-size=sm]:gap-1 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:text-sm\",\n            \"in-data-input-wrapper:in-data-[input-size=md]:gap-1 in-data-input-wrapper:in-data-[input-size=md]:px-3.5 in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:text-sm\",\n            \"in-data-input-wrapper:in-data-[input-size=lg]:gap-1.5 in-data-input-wrapper:in-data-[input-size=lg]:px-4 in-data-input-wrapper:in-data-[input-size=lg]:py-2.5 in-data-input-wrapper:in-data-[input-size=lg]:text-md\",\n            \"*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n        ].join(\" \"),\n        icon: \"pointer-events-none shrink-0 transition-inherit-all\",\n    },\n    sizes: {\n        xs: {\n            root: [\n                \"h-8 min-h-8 gap-1 px-[0.625rem] py-1.5 text-sm data-icon-only:size-8 data-icon-only:min-h-8 data-icon-only:min-w-8 data-icon-only:p-2\",\n                \"in-data-input-wrapper:data-icon-only:p-2.5\",\n                \"*:data-icon:size-4\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3\",\n        },\n        sm: {\n            root: [\n                \"h-9 min-h-9 gap-1 px-3 py-2 text-sm data-icon-only:size-9 data-icon-only:min-h-9 data-icon-only:min-w-9 data-icon-only:p-2\",\n                \"in-data-input-wrapper:data-icon-only:p-2.5\",\n                \"*:data-icon:size-5\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3\",\n        },\n        md: {\n            root: [\n                \"h-10 min-h-10 gap-1 px-3.5 py-2.5 text-sm data-icon-only:size-10 data-icon-only:min-h-10 data-icon-only:min-w-10 data-icon-only:p-2.5\",\n                \"in-data-input-wrapper:data-icon-only:p-3\",\n                \"*:data-icon:size-5\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-4\",\n        },\n        lg: {\n            root: \"h-11 min-h-11 gap-1.5 px-4 py-2.5 text-md data-icon-only:size-11 data-icon-only:min-h-11 data-icon-only:min-w-11 data-icon-only:p-3 *:data-icon:size-5\",\n            linkRoot: \"h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4\",\n        },\n        xl: {\n            root: \"h-12 min-h-12 gap-1.5 px-[1.125rem] py-3 text-md data-icon-only:size-12 data-icon-only:min-h-12 data-icon-only:min-w-12 data-icon-only:p-3 data-icon-only:*:data-icon:size-6 *:data-icon:size-5\",\n            linkRoot: \"h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4\",\n        },\n    },\n\n    colors: {\n        /** Figma Hierarchy=Primary — dark neutral solid; hover lightens to fg-tertiary_hover (#404040). */\n        primary: {\n            root: [\n                \"bg-primary-solid text-white\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-fg-tertiary_hover dark:hover:bg-quaternary\",\n                \"disabled:opacity-30\",\n                \"data-loading:bg-fg-tertiary_hover dark:data-loading:bg-quaternary\",\n                \"*:data-icon:not([data-icon=loading]):text-white/70\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Brand — purple solid; hover darkens to bg-brand-solid_hover (#6d28d9). */\n        brand: {\n            root: [\n                \"bg-brand-solid text-primary_on-brand\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-brand-solid_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-brand-solid_hover\",\n                \"*:data-icon:not([data-icon=loading]):text-primary_on-brand\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Secondary — border-primary + shadow-xs + skeuomorphic inner rim overlay. */\n        secondary: {\n            root: [\n                \"border border-solid border-primary bg-primary text-secondary\",\n                secondaryShadowClass,\n                \"hover:bg-primary_hover hover:text-secondary_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-primary_hover\",\n                \"*:data-icon:text-fg-secondary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Tertiary */\n        tertiary: {\n            root: [\n                \"border border-transparent bg-transparent text-tertiary\",\n                focusShadowPlain,\n                \"hover:bg-primary_hover hover:text-tertiary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-icon:text-fg-tertiary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link color — text + icons share brand-secondary; hover underlines with fg-brand-secondary. */\n        \"link-color\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-brand-secondary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-brand-secondary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-brand-secondary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link gray — text + icons share tertiary; hover underlines with fg-quaternary. */\n        \"link-gray\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-tertiary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-tertiary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-quaternary\",\n            ].join(\" \"),\n        },\n        \"primary-destructive\": {\n            root: [\n                \"bg-error-solid text-white\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-error-solid_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-error-solid_hover\",\n                \"*:data-icon:not([data-icon=loading]):text-white/70\",\n            ].join(\" \"),\n        },\n        \"secondary-destructive\": {\n            root: [\n                \"border border-solid border-primary bg-primary text-error-primary\",\n                secondaryShadowClass,\n                \"hover:bg-error-primary hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-error-primary\",\n                \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n            ].join(\" \"),\n        },\n        \"tertiary-destructive\": {\n            root: [\n                \"border border-transparent bg-transparent text-error-primary\",\n                focusShadowPlain,\n                \"hover:bg-error-primary hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link (destructive) — text + icons share error-primary; hover underlines. */\n        \"link-destructive\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-error-primary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-current\",\n            ].join(\" \"),\n        },\n    },\n});\n\n/**\n * Common props shared between button and anchor variants\n */\nexport interface CommonProps {\n    /** Disables the button and shows a disabled state */\n    isDisabled?: boolean;\n    /** Shows a loading spinner and disables the button */\n    isLoading?: boolean;\n    /** The size variant of the button */\n    size?: keyof typeof styles.sizes;\n    /** The color variant of the button */\n    color?: keyof typeof styles.colors;\n    /** Icon component or element to show before the text */\n    iconLeading?: FC<{ className?: string }> | ReactNode;\n    /** Icon component or element to show after the text */\n    iconTrailing?: FC<{ className?: string }> | ReactNode;\n    /** Removes horizontal padding from the text content */\n    noTextPadding?: boolean;\n    /** When true, keeps the text visible during loading state */\n    showTextWhileLoading?: boolean;\n\n    children?: ReactNode;\n    className?: string;\n}\n\n/**\n * Props for the button variant (non-link)\n */\nexport interface ButtonProps extends CommonProps, Omit<AriaButtonProps, \"children\" | \"className\"> {}\n/**\n * Props for the link variant (anchor tag)\n */\ninterface LinkProps extends CommonProps, Omit<AriaLinkProps, \"children\" | \"className\"> {\n    href: NonNullable<AriaLinkProps[\"href\"]>;\n}\n\n/** Union type of button and link props */\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button: {\n    (props: LinkProps): ReactElement<LinkProps>;\n    (props: ButtonProps): ReactElement<ButtonProps>;\n} = ({\n    size = \"md\",\n    color = \"primary\",\n    children,\n    className,\n    noTextPadding,\n    iconLeading: IconLeading,\n    iconTrailing: IconTrailing,\n    isDisabled: disabled,\n    isLoading: loading,\n    showTextWhileLoading,\n    ...props\n}) => {\n    const href = \"href\" in props ? props.href : undefined;\n\n    const isIcon = (IconLeading || IconTrailing) && !children;\n    const isLinkType = [\"link-gray\", \"link-color\", \"link-destructive\"].includes(color);\n\n    noTextPadding = isLinkType || noTextPadding;\n\n    const commonChildren = (\n        <>\n            {isValidElement(IconLeading) && IconLeading}\n            {isReactComponent(IconLeading) && <IconLeading data-icon=\"leading\" className={styles.common.icon} />}\n\n            {loading && (\n                <svg\n                    fill=\"none\"\n                    data-icon=\"loading\"\n                    viewBox=\"0 0 256 256\"\n                    aria-hidden\n                    className={cx(\n                        styles.common.icon,\n                        \"size-5 animate-spin\",\n                        !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\",\n                    )}\n                >\n                    <path\n                        fill=\"currentColor\"\n                        d=\"M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60,61.46,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20-66.54-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z\"\n                    />\n                </svg>\n            )}\n\n            {children && (\n                <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && !isLinkType && \"px-0.5\")}>\n                    {children}\n                </span>\n            )}\n\n            {isValidElement(IconTrailing) && IconTrailing}\n            {isReactComponent(IconTrailing) && <IconTrailing data-icon=\"trailing\" className={styles.common.icon} />}\n        </>\n    );\n\n    const commonProps = {\n        \"data-icon-only\": isIcon ? true : undefined,\n        \"data-loading\": loading ? true : undefined,\n        ...props,\n        isDisabled: disabled || loading,\n        className: cx(\n            styles.common.root,\n            styles.sizes[size].root,\n            styles.colors[color].root,\n            isLinkType && styles.sizes[size].linkRoot,\n            (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n            loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n            className,\n        ),\n        children: commonChildren,\n    };\n\n    if (\"href\" in commonProps) {\n        return <AriaLink {...commonProps} href={disabled || loading ? undefined : href} />;\n    }\n\n    return <AriaButton {...commonProps} type={commonProps.type || \"button\"} isPending={loading} />;\n};\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { isValidElement, useCallback, useEffect, useState } from \"react\";\nimport { CheckCircleIcon as CheckCircle } from \"@phosphor-icons/react/dist/csr/CheckCircle\";\nimport { InfoIcon as InfoCircle } from \"@phosphor-icons/react/dist/csr/Info\";\nimport { WarningCircleIcon as AlertCircle } from \"@phosphor-icons/react/dist/csr/WarningCircle\";\nimport { XCircleIcon as XCircle } from \"@phosphor-icons/react/dist/csr/XCircle\";\nimport { XIcon as X } from \"@phosphor-icons/react/dist/csr/X\";\nimport { Button } from \"@/components/base/buttons/button\";\nimport { cx, sortCx } from \"@/utils/cx\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\n\nexport type ToastColor = \"default\" | \"neutral\" | \"brand\" | \"success\" | \"warning\" | \"error\";\n\nconst DEFAULT_TOAST_DURATION_MS = 6000;\n\nconst defaultIcons: Record<ToastColor, FC<{ className?: string }>> = {\n    default: InfoCircle,\n    neutral: InfoCircle,\n    brand: InfoCircle,\n    success: CheckCircle,\n    warning: AlertCircle,\n    error: XCircle,\n};\n\nconst variantStyles = sortCx({\n    default: {\n        root: \"border-white/10 bg-primary-solid dark:border-secondary dark:bg-utility-neutral-900\",\n        title: \"text-white dark:text-utility-neutral-50\",\n        description: \"text-white dark:text-utility-neutral-200\",\n        icon: \"text-fg-white dark:text-utility-neutral-50\",\n    },\n    neutral: {\n        root: \"border-white/10 bg-secondary-solid\",\n        title: \"text-white\",\n        description: \"text-white\",\n        icon: \"text-fg-white\",\n    },\n    brand: {\n        root: \"border-white/10 bg-brand-solid\",\n        title: \"text-white\",\n        description: \"text-white\",\n        icon: \"text-fg-white\",\n    },\n    success: {\n        root: \"border-white/10 bg-success-solid\",\n        title: \"text-white\",\n        description: \"text-white\",\n        icon: \"text-fg-white\",\n    },\n    warning: {\n        root: \"border-white/10 bg-warning-solid\",\n        title: \"text-white\",\n        description: \"text-white\",\n        icon: \"text-fg-white\",\n    },\n    error: {\n        root: \"border-white/10 bg-error-solid\",\n        title: \"text-white\",\n        description: \"text-white\",\n        icon: \"text-fg-white\",\n    },\n});\n\n/** Shared with `Toaster` — not part of the public package API. */\nexport const toastActionLinkClassName = cx(\n    \"text-white! hover:text-white/80! *:data-text:no-underline! hover:*:data-text:underline! hover:*:data-text:decoration-white/80\",\n    \"group-data-[type=default]/toast:dark:text-utility-neutral-50! group-data-[type=loading]/toast:dark:text-utility-neutral-50!\",\n    \"group-data-[type=default]/toast:dark:hover:text-utility-neutral-200! group-data-[type=loading]/toast:dark:hover:text-utility-neutral-200!\",\n    \"group-data-[type=default]/toast:dark:hover:*:data-text:decoration-utility-neutral-200! group-data-[type=loading]/toast:dark:hover:*:data-text:decoration-utility-neutral-200!\",\n);\n\n/** Shared with `Toaster` — not part of the public package API. */\nexport const dismissButtonClassName = cx(\n    \"relative z-20 flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent shadow-none\",\n    \"text-fg-white [&_svg]:opacity-70\",\n    \"transition duration-100 ease-linear\",\n    \"hover:bg-white/20 hover:[&_svg]:opacity-100\",\n    \"active:scale-[0.96]\",\n    \"focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\",\n    \"group-data-[type=default]/toast:dark:text-fg-quaternary group-data-[type=default]/toast:dark:[&_svg]:opacity-70\",\n    \"group-data-[type=default]/toast:dark:hover:bg-utility-neutral-800 group-data-[type=default]/toast:dark:hover:text-fg-quaternary_hover group-data-[type=default]/toast:dark:hover:[&_svg]:opacity-100\",\n    \"group-data-[type=loading]/toast:dark:text-fg-quaternary group-data-[type=loading]/toast:dark:[&_svg]:opacity-70\",\n    \"group-data-[type=loading]/toast:dark:hover:bg-utility-neutral-800 group-data-[type=loading]/toast:dark:hover:text-fg-quaternary_hover group-data-[type=loading]/toast:dark:hover:[&_svg]:opacity-100\",\n);\n\nexport interface ToastProps {\n    /**\n     * Primary message shown in the toast.\n     */\n    title: ReactNode;\n    /**\n     * Optional supporting text below the title.\n     */\n    description?: ReactNode;\n    /**\n     * Semantic color variant for the toast surface and leading icon.\n     *\n     * @default \"default\"\n     */\n    color?: ToastColor;\n    /**\n     * Custom leading icon. Pass `null` to hide the icon.\n     */\n    icon?: FC<{ className?: string }> | ReactNode | null;\n    /**\n     * Custom action element. Overrides `actionLabel` / `onAction`.\n     */\n    action?: ReactNode;\n    /**\n     * Label for the default action button.\n     */\n    actionLabel?: string;\n    /**\n     * Handler for the default action button.\n     */\n    onAction?: () => void;\n    /**\n     * Called after the dismiss animation completes.\n     */\n    onClose?: () => void;\n    /**\n     * Whether to show the dismiss control.\n     *\n     * @default true when `onClose` is provided\n     */\n    showClose?: boolean;\n    /**\n     * Auto-dismiss duration in milliseconds. Pass `null` to disable.\n     *\n     * @default 6000\n     */\n    duration?: number | null;\n    /**\n     * Uses `role=\"alert\"` instead of `role=\"status\"`.\n     * Defaults to `true` for `error` and `warning` colors.\n     */\n    isUrgent?: boolean;\n    className?: string;\n}\n\nexport const Toast = ({\n    title,\n    description,\n    color = \"default\",\n    icon,\n    action,\n    actionLabel,\n    onAction,\n    onClose,\n    showClose = Boolean(onClose),\n    duration = DEFAULT_TOAST_DURATION_MS,\n    isUrgent,\n    className,\n}: ToastProps) => {\n    const styles = variantStyles[color];\n    const resolvedIcon = icon === null ? null : (icon ?? defaultIcons[color]);\n    const hasAction = Boolean(action || actionLabel);\n    const hasIcon = resolvedIcon != null;\n    const role = (isUrgent ?? (color === \"error\" || color === \"warning\")) ? \"alert\" : \"status\";\n\n    const [isVisible, setIsVisible] = useState(true);\n\n    const dismiss = useCallback(() => {\n        setIsVisible(false);\n        onClose?.();\n    }, [onClose]);\n\n    useEffect(() => {\n        if (duration == null || duration <= 0 || !isVisible) return;\n\n        const timer = window.setTimeout(dismiss, duration);\n        return () => window.clearTimeout(timer);\n    }, [duration, dismiss, isVisible]);\n\n    const renderIcon = (): ReactNode => {\n        if (!hasIcon) return null;\n\n        const Icon = isReactComponent(resolvedIcon) ? resolvedIcon : null;\n\n        if (Icon) {\n            return <Icon data-icon className={cx(\"size-5 shrink-0\", styles.icon)} aria-hidden=\"true\" />;\n        }\n\n        if (isValidElement(resolvedIcon)) {\n            return resolvedIcon;\n        }\n\n        return null;\n    };\n\n    const renderCloseButton = () => {\n        if (!showClose) return null;\n\n        return (\n            <button\n                type=\"button\"\n                aria-label=\"Close\"\n                className={cx(\n                    dismissButtonClassName,\n                    color === \"default\" &&\n                        \"dark:text-fg-quaternary dark:[&_svg]:opacity-70 dark:hover:bg-utility-neutral-800 dark:hover:text-fg-quaternary_hover dark:hover:[&_svg]:opacity-100\",\n                    \"absolute top-2.5 right-2\",\n                )}\n                onClick={dismiss}\n            >\n                <X className=\"size-5\" aria-hidden=\"true\" />\n                <span className=\"sr-only\">Close</span>\n            </button>\n        );\n    };\n\n    if (!isVisible) return null;\n\n    return (\n        <div\n            role={role}\n            aria-live={role === \"alert\" ? \"assertive\" : \"polite\"}\n            className={cx(\n                \"relative w-full max-w-100 rounded-xl border p-4 shadow-md\",\n                !hasIcon && \"pl-5\",\n                styles.root,\n                className,\n            )}\n        >\n            <div className=\"flex min-w-0 gap-3\">\n                {hasIcon && <div className=\"flex h-6 shrink-0 items-center self-start\">{renderIcon()}</div>}\n\n                <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <p className={cx(\"text-md font-semibold\", styles.title)}>{title}</p>\n\n                    {description && <p className={cx(\"text-sm\", styles.description)}>{description}</p>}\n\n                    {hasAction && (\n                        <div className=\"mt-1\">\n                            {action ?? (\n                                <Button\n                                    color=\"link-gray\"\n                                    size=\"sm\"\n                                    className={cx(\n                                        toastActionLinkClassName,\n                                        color === \"default\" &&\n                                            \"dark:text-utility-neutral-50! dark:hover:text-utility-neutral-200! dark:hover:*:data-text:decoration-utility-neutral-200!\",\n                                    )}\n                                    onPress={onAction}\n                                >\n                                    {actionLabel}\n                                </Button>\n                            )}\n                        </div>\n                    )}\n                </div>\n            </div>\n\n            {renderCloseButton()}\n        </div>\n    );\n};\n\nToast.displayName = \"Toast\";\n\nexport interface ToastStackProps {\n    children: ReactNode;\n    className?: string;\n}\n\n/**\n * Static layout helper for previewing multiple toasts in Storybook.\n */\nexport const ToastStack = ({ children, className }: ToastStackProps) => {\n    return (\n        <div className={cx(\"flex w-full max-w-100 flex-col gap-3 overflow-hidden\", className)} role=\"presentation\">\n            {children}\n        </div>\n    );\n};\n\nToastStack.displayName = \"ToastStack\";\n","\"use client\";\n\nimport type { ComponentProps, MouseEvent, ReactElement, ReactNode } from \"react\";\nimport { isValidElement } from \"react\";\nimport { CheckCircleIcon as CheckCircle } from \"@phosphor-icons/react/dist/csr/CheckCircle\";\nimport { CircleNotchIcon as CircleNotch } from \"@phosphor-icons/react/dist/csr/CircleNotch\";\nimport { InfoIcon as InfoCircle } from \"@phosphor-icons/react/dist/csr/Info\";\nimport { WarningCircleIcon as AlertCircle } from \"@phosphor-icons/react/dist/csr/WarningCircle\";\nimport { XIcon as X } from \"@phosphor-icons/react/dist/csr/X\";\nimport { XCircleIcon as XCircle } from \"@phosphor-icons/react/dist/csr/XCircle\";\nimport { Toaster as SonnerToaster, toast as sonnerToast } from \"sonner\";\nimport type { Action, ExternalToast, ToastT, ToastToDismiss } from \"sonner\";\nimport { dismissButtonClassName, toastActionLinkClassName } from \"@/components/application/toast/toast\";\nimport { Button } from \"@/components/base/buttons/button\";\nimport { cx } from \"@/utils/cx\";\nimport \"./toast.css\";\n\nconst DEFAULT_TOAST_DURATION_MS = 6000;\n\nexport type ToasterProps = Omit<ComponentProps<typeof SonnerToaster>, \"theme\" | \"richColors\">;\n\n/** Matches Sonner's `ExternalToast` — pass `action`, `cancel`, or JSX freely. */\nexport type ToastOptions = ExternalToast;\n\nconst isAction = (value: Action | ReactNode): value is Action => {\n    return typeof value === \"object\" && value !== null && !isValidElement(value) && \"label\" in value && \"onClick\" in value;\n};\n\nconst withDefaultType = (data?: ExternalToast): ExternalToast => {\n    return {\n        ...data,\n        type: \"default\",\n        className: cx(\"bg-primary-solid dark:border-secondary dark:bg-utility-neutral-900\", data?.className),\n    } as ExternalToast;\n};\n\nconst createActionClickEvent = (): MouseEvent<HTMLButtonElement> => {\n    let defaultPrevented = false;\n\n    return {\n        preventDefault: () => {\n            defaultPrevented = true;\n        },\n        get defaultPrevented() {\n            return defaultPrevented;\n        },\n    } as MouseEvent<HTMLButtonElement>;\n};\n\nconst renderNativeActionButton = (action: Action, onPress: () => void) => (\n    <Button color=\"link-gray\" size=\"sm\" className={toastActionLinkClassName} onPress={onPress}>\n        {action.label}\n    </Button>\n);\n\n/** Sonner renders action/cancel as flex siblings — wrap them for a stable grid footer row. */\nconst wrapToastFooter = (options: ExternalToast = {}): ExternalToast => {\n    const nativeAction = isAction(options.action) ? options.action : null;\n    const nativeCancel = isAction(options.cancel) ? options.cancel : null;\n    const customAction = options.action && isValidElement(options.action) ? options.action : null;\n\n    if (!nativeAction && !nativeCancel && !customAction) {\n        return options;\n    }\n\n    if (customAction) {\n        if (customAction.props && typeof customAction.props === \"object\" && \"data-toast-actions\" in customAction.props) {\n            return { ...options, cancel: undefined };\n        }\n\n        return {\n            ...options,\n            cancel: undefined,\n            action: (\n                <div data-toast-actions className=\"flex flex-wrap items-center gap-3\">\n                    {customAction}\n                </div>\n            ),\n        };\n    }\n\n    const id = options.id ?? `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n\n    return {\n        ...options,\n        id,\n        cancel: undefined,\n        action: (\n            <div data-toast-actions className=\"flex flex-wrap items-center gap-3\">\n                {nativeCancel &&\n                    renderNativeActionButton(nativeCancel, () => {\n                        nativeCancel.onClick(createActionClickEvent());\n                        sonnerToast.dismiss(id);\n                    })}\n                {nativeAction &&\n                    renderNativeActionButton(nativeAction, () => {\n                        const event = createActionClickEvent();\n                        nativeAction.onClick(event);\n                        if (!event.defaultPrevented) {\n                            sonnerToast.dismiss(id);\n                        }\n                    })}\n            </div>\n        ),\n    };\n};\n\nconst mapToastOptions = (data?: ExternalToast, config?: { variant?: \"neutral\" }): ExternalToast => {\n    let options: ExternalToast;\n\n    if (config?.variant === \"neutral\") {\n        options = {\n            ...data,\n            className: cx(\"!border-white/10 !bg-secondary-solid\", data?.className),\n            classNames: {\n                toast: \"!border-white/10 !bg-secondary-solid\",\n                title: \"!text-white\",\n                description: \"!text-white\",\n                icon: \"!text-fg-white\",\n                ...data?.classNames,\n            },\n            icon:\n                data?.icon === undefined ? (\n                    <InfoCircle aria-hidden=\"true\" className=\"size-5 shrink-0 text-fg-white\" />\n                ) : (\n                    data.icon\n                ),\n        };\n    } else {\n        options = withDefaultType(data);\n    }\n\n    return wrapToastFooter(options);\n};\n\ntype Title = ReactNode | (() => ReactNode);\n\ntype ToastId = string | number;\n\ntype ToastHandler = (message: Title, data?: ToastOptions) => ToastId;\n\nexport type ToastPromiseData<T = unknown> = Omit<ExternalToast, \"description\"> & {\n    loading?: ReactNode;\n    success?: ReactNode | string | ((data: T) => ReactNode | string | Promise<ReactNode | string>);\n    error?: ReactNode | string | ((data: unknown) => ReactNode | string | Promise<ReactNode | string>);\n    description?: ReactNode | string | ((data: T) => ReactNode | string | Promise<ReactNode | string>);\n    finally?: () => void | Promise<void>;\n};\n\ntype ToastPromiseReturn<T> = ToastId & { unwrap: () => Promise<T> };\n\nexport type AvenueToast = ToastHandler & {\n    success: ToastHandler;\n    info: ToastHandler;\n    warning: ToastHandler;\n    error: ToastHandler;\n    neutral: ToastHandler;\n    loading: ToastHandler;\n    promise: <T>(promise: Promise<T> | (() => Promise<T>), data?: ToastPromiseData<T>) => ToastPromiseReturn<T>;\n    custom: (jsx: (id: ToastId) => ReactElement, data?: ToastOptions) => ToastId;\n    dismiss: (id?: ToastId) => ToastId;\n    getHistory: () => (ToastT | ToastToDismiss)[];\n    getToasts: () => (ToastT | ToastToDismiss)[];\n};\n\nconst resolveTitle = (message: Title) => (typeof message === \"function\" ? message() : message);\n\nconst toastPromise = <T,>(promise: Promise<T> | (() => Promise<T>), data?: ToastPromiseData<T>): ToastPromiseReturn<T> =>\n    sonnerToast.promise(promise, data as Parameters<typeof sonnerToast.promise>[1]) as ToastPromiseReturn<T>;\n\n/**\n * Imperative toast API backed by Sonner. Matches the [`toast` API](https://sonner.emilkowal.ski/toast).\n */\nexport const toast: AvenueToast = Object.assign(\n    (message: Title, data?: ToastOptions) => sonnerToast(resolveTitle(message), mapToastOptions(data)),\n    {\n        success: (message: Title, data?: ToastOptions) => sonnerToast.success(resolveTitle(message), mapToastOptions(data)),\n        info: (message: Title, data?: ToastOptions) => sonnerToast.info(resolveTitle(message), mapToastOptions(data)),\n        warning: (message: Title, data?: ToastOptions) => sonnerToast.warning(resolveTitle(message), mapToastOptions(data)),\n        error: (message: Title, data?: ToastOptions) => sonnerToast.error(resolveTitle(message), mapToastOptions(data)),\n        neutral: (message: Title, data?: ToastOptions) => sonnerToast(resolveTitle(message), mapToastOptions(data, { variant: \"neutral\" })),\n        loading: (message: Title, data?: ToastOptions) => sonnerToast.loading(resolveTitle(message), mapToastOptions(data)),\n        promise: toastPromise,\n        custom: sonnerToast.custom,\n        dismiss: sonnerToast.dismiss,\n        getHistory: sonnerToast.getHistory,\n        getToasts: sonnerToast.getToasts,\n    },\n);\n\nconst toastClassNames = {\n    toast: cx(\n        \"avenue-toast group/toast relative w-full max-w-100 rounded-xl border border-white/10 p-4 pr-10 shadow-md\",\n        \"data-[type=default]:bg-primary-solid data-[type=default]:dark:border-secondary data-[type=default]:dark:bg-utility-neutral-900\",\n        \"data-[type=loading]:bg-primary-solid data-[type=loading]:dark:border-secondary data-[type=loading]:dark:bg-utility-neutral-900\",\n        \"data-[type=success]:bg-success-solid\",\n        \"data-[type=warning]:bg-warning-solid\",\n        \"data-[type=error]:bg-error-solid\",\n        \"data-[type=info]:bg-brand-solid\",\n    ),\n    content: \"flex min-w-0 flex-col gap-1\",\n    title: \"text-md font-semibold text-white group-data-[type=default]/toast:dark:text-utility-neutral-50 group-data-[type=loading]/toast:dark:text-utility-neutral-50\",\n    description: \"text-sm text-white group-data-[type=default]/toast:dark:text-utility-neutral-200 group-data-[type=loading]/toast:dark:text-utility-neutral-200\",\n    icon: cx(\n        \"[&_svg]:size-5 [&_svg]:shrink-0 text-fg-white group-data-[type=default]/toast:dark:text-utility-neutral-50 group-data-[type=loading]/toast:dark:text-utility-neutral-50\",\n    ),\n    loader: \"[&_svg]:size-5 [&_svg]:shrink-0\",\n    closeButton: cx(\n        dismissButtonClassName,\n        \"absolute top-2.5 right-2 !border-0 !shadow-none hover:!bg-white/20\",\n        \"group-data-[type=default]/toast:dark:hover:!bg-utility-neutral-800\",\n        \"group-data-[type=loading]/toast:dark:hover:!bg-utility-neutral-800\",\n    ),\n};\n\nconst toastIcons = {\n    default: <InfoCircle aria-hidden=\"true\" className=\"size-5 shrink-0\" />,\n    success: <CheckCircle aria-hidden=\"true\" className=\"size-5 shrink-0\" />,\n    info: <InfoCircle aria-hidden=\"true\" className=\"size-5 shrink-0\" />,\n    warning: <AlertCircle aria-hidden=\"true\" className=\"size-5 shrink-0\" />,\n    error: <XCircle aria-hidden=\"true\" className=\"size-5 shrink-0\" />,\n    loading: <CircleNotch aria-hidden=\"true\" className=\"size-5 shrink-0 animate-spin\" />,\n    close: <X aria-hidden=\"true\" className=\"size-5\" />,\n};\n\nexport const Toaster = ({\n    toastOptions,\n    className,\n    icons,\n    duration = DEFAULT_TOAST_DURATION_MS,\n    closeButton = true,\n    ...props\n}: ToasterProps) => {\n    return (\n        <SonnerToaster\n            className={className ?? \"toaster group\"}\n            duration={duration}\n            closeButton={closeButton}\n            richColors={false}\n            icons={{ ...toastIcons, ...icons }}\n            toastOptions={{\n                unstyled: true,\n                ...toastOptions,\n                classNames: {\n                    ...toastClassNames,\n                    ...toastOptions?.classNames,\n                },\n            }}\n            {...props}\n        />\n    );\n};\n\nToaster.displayName = \"Toaster\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avenue-ticketing/ui",
-  "version": "0.12.0-beta.3",
+  "version": "0.12.0-beta.5",
   "description": "Avenue UI components for React (Untitled UI beta)",
   "license": "MIT",
   "repository": {
@@ -47,6 +47,7 @@
     "react-aria": "^3.47.0",
     "react-aria-components": "^1.16.0",
     "react-hook-form": "^7.71.2",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {

package/theme.css

@@ -6,6 +6,27 @@
 
 @source "./dist/**/*.js";
 
+/**
+ * Pointer-hover + touch-press parity: hover utilities also apply on RAC press
+ * (data-pressed) and native :active, so mobile tap matches desktop hover.
+ */
+@custom-variant hover {
+    @media (hover: hover) {
+        &:hover {
+            @slot;
+        }
+    }
+    &:where([data-rac])[data-hovered] {
+        @slot;
+    }
+    &:where([data-rac])[data-pressed] {
+        @slot;
+    }
+    &:active {
+        @slot;
+    }
+}
+
 @custom-variant dark (&:where(.dark, .dark *));
 @custom-variant label (& [data-label]);
 @custom-variant focus-input-within (&:has(input:focus));