impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/ui/tabs.js

@@ -1,138 +0,0 @@
-import { jsx as r, jsxs as u, Fragment as j } from "react/jsx-runtime";
-import * as s from "react";
-import * as c from "@radix-ui/react-tabs";
-import { cn as p } from "../../lib/utils.js";
-import { Tooltip as W, TooltipTrigger as I, TooltipContent as z } from "./tooltip.js";
-const N = s.createContext({
-  variant: "line",
-  size: "default"
-}), L = (e, a) => {
-  const t = e.split(/\s+/);
-  return t.length <= a ? e : t.slice(0, a).join(" ") + "...";
-}, S = s.forwardRef(({ variant: e = "line", size: a = "default", hideInactiveLabel: t = !1, tooltipClassName: n, maxWords: o, value: i, defaultValue: x, onValueChange: h, ...d }, g) => {
-  const [y, b] = s.useState(i || x);
-  s.useEffect(() => {
-    i !== void 0 && b(i);
-  }, [i]);
-  const w = (v) => {
-    i === void 0 && b(v), h?.(v);
-  };
-  return /* @__PURE__ */ r(N.Provider, { value: { variant: e, size: a, activeValue: y, hideInactiveLabel: t, tooltipClassName: n, maxWords: o }, children: /* @__PURE__ */ r(
-    c.Root,
-    {
-      ref: g,
-      value: i,
-      defaultValue: x,
-      onValueChange: w,
-      "data-component": "tabs",
-      "data-variant": e,
-      ...d
-    }
-  ) });
-});
-S.displayName = c.Root.displayName;
-const F = s.forwardRef(({ className: e, ...a }, t) => {
-  const { variant: n } = s.useContext(N);
-  return /* @__PURE__ */ r(
-    c.List,
-    {
-      ref: t,
-      "data-tabs": "list",
-      className: p(
-        "inline-flex items-center justify-center rounded-lg",
-        n === "line" && "h-[38px] bg-canvas-elevated border w-full justify-start gap-2 px-2 shrink-0 py-0",
-        n === "pill" && "h-[38px] p-1 bg-brand-tint text-brand gap-1",
-        n === "outline" && "bg-transparent gap-2 w-full justify-start",
-        n === "box" && "h-auto bg-transparent border-0 w-full justify-start gap-[16px] p-0 shrink-0",
-        e
-      ),
-      style: { overflow: "visible" },
-      ...a
-    }
-  );
-}), $ = s.forwardRef(({ className: e, icon: a, children: t, maxWords: n, activeColor: o, style: i, ...x }, h) => {
-  const { variant: d, size: g, activeValue: y, hideInactiveLabel: b, tooltipClassName: w, maxWords: v } = s.useContext(N), f = n ?? v, m = y === x.value, T = typeof t == "string", R = T && f ? L(t, f) : t, k = T && f && t.split(/\s+/).length > f, V = b && !m || k, l = { ...i };
-  d === "box" && o && (l["--tab-border"] = o.border, l["--tab-bg"] = o.bg, l["--tab-text"] = o.text, l["--tab-hover-border"] = `color-mix(in srgb, ${o.border} 40%, transparent)`, l["--tab-hover-bg"] = `color-mix(in srgb, ${o.bg} 50%, white)`, l["--tab-hover-text"] = `color-mix(in srgb, ${o.text} 60%, var(--color-foreground-tertiary))`);
-  const C = d === "box" ? /* @__PURE__ */ u(j, { children: [
-    t,
-    m && /* @__PURE__ */ r(
-      "span",
-      {
-        className: "absolute -bottom-[5.5px] left-1/2 -translate-x-1/2 w-[11px] h-[11px] rotate-45 border-b border-r",
-        style: { backgroundColor: "inherit", borderBottomColor: "inherit", borderRightColor: "inherit" }
-      }
-    )
-  ] }) : /* @__PURE__ */ u(j, { children: [
-    a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !b || m ? "mr-2" : "mr-0"), children: a }),
-    /* @__PURE__ */ r("span", { className: p(b && !m && "sr-only"), children: R })
-  ] });
-  return /* @__PURE__ */ r(
-    c.Trigger,
-    {
-      ref: h,
-      "data-tabs": "trigger",
-      className: p(
-        "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-        d === "line" && [
-          "h-full rounded-none border-b-2 border-transparent px-1 text-[13px] font-medium capitalize text-content-tertiary -mb-[1px]",
-          "data-[state=active]:border-brand data-[state=active]:text-brand data-[state=active]:shadow-none",
-          "hover:text-brand py-1.5 px-3"
-        ],
-        d === "pill" && [
-          "rounded-md text-brand/70 text-[13px]",
-          "data-[state=active]:bg-canvas-elevated data-[state=active]:text-brand data-[state=active]:shadow-sm",
-          "py-1.5 px-3"
-        ],
-        d === "outline" && [
-          "rounded-full border border-content-badge bg-canvas-elevated text-content-badge font-['Manrope']",
-          "hover:bg-canvas-muted hover:text-content",
-          "data-[state=active]:border-brand data-[state=active]:text-brand",
-          g === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
-        ],
-        d === "box" && [
-          "group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-canvas-elevated text-content-tertiary transition-none overflow-visible",
-          "border border-stroke-field",
-          "text-[16px]",
-          "hover:border-[color:var(--tab-hover-border,var(--color-tab-hover-border))] hover:bg-[color:var(--tab-hover-bg,var(--color-tab-hover-surface))] hover:text-[color:var(--tab-hover-text,var(--color-tab-hover-foreground))]",
-          "data-[state=active]:border-[color:var(--tab-border,var(--color-tab-active-border))]",
-          "data-[state=active]:bg-[color:var(--tab-bg,var(--color-tab-active-surface))]",
-          "data-[state=active]:text-[color:var(--tab-text,var(--color-tab-active-foreground))]"
-        ],
-        e
-      ),
-      style: l,
-      ...x,
-      children: V ? /* @__PURE__ */ u(W, { children: [
-        /* @__PURE__ */ r(I, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children: C }) }),
-        /* @__PURE__ */ r(z, { variant: "tertiary", className: w, children: t })
-      ] }) : C
-    }
-  );
-});
-$.displayName = c.Trigger.displayName;
-const M = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  c.Content,
-  {
-    ref: t,
-    "data-tabs": "content",
-    tabIndex: -1,
-    className: p(
-      "mt-2 focus-visible:outline-none focus:outline-none",
-      e
-    ),
-    ...a
-  }
-));
-M.displayName = c.Content.displayName;
-const P = s.forwardRef(({ className: e, activeImage: a, inactiveImage: t, ...n }, o) => /* @__PURE__ */ u("div", { ref: o, className: p("relative flex items-center justify-center shrink-0", e), ...n, children: [
-  /* @__PURE__ */ r("div", { className: "flex group-data-[state=active]:hidden", children: t }),
-  /* @__PURE__ */ r("div", { className: "hidden group-data-[state=active]:flex", children: a })
-] }));
-P.displayName = "TabsImage";
-export {
-  S as Tabs,
-  M as TabsContent,
-  P as TabsImage,
-  F as TabsList,
-  $ as TabsTrigger
-};

package/dist/components/ui/tag-group.d.ts

@@ -1,24 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { TagProps } from './tag';
-import * as React from "react";
-declare const tagGroupVariants: (props?: {
-    spacing?: "none" | "sm" | "md" | "lg";
-    orientation?: "horizontal" | "vertical";
-    wrap?: "nowrap" | "wrap";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagGroupVariants> {
-    tags: Array<{
-        label: string;
-        variant?: TagProps["variant"];
-        size?: TagProps["size"];
-        shape?: TagProps["shape"];
-        leftIcon?: TagProps["leftIcon"];
-        rightIcon?: TagProps["rightIcon"];
-        removable?: TagProps["removable"];
-        onRemove?: TagProps["onRemove"];
-        className?: TagProps["className"];
-    }>;
-    asChild?: boolean;
-}
-declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { TagGroup, tagGroupVariants };

package/dist/components/ui/tag-group.js

@@ -1,61 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as c from "react";
-import { Slot as f } from "@radix-ui/react-slot";
-import { cva as d } from "class-variance-authority";
-import { cn as v } from "../../lib/utils.js";
-import { Tag as h } from "./tag.js";
-const w = d("flex", {
-  variants: {
-    spacing: {
-      none: "gap-0",
-      sm: "gap-1",
-      md: "gap-2",
-      lg: "gap-4"
-    },
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    wrap: {
-      wrap: "flex-wrap",
-      nowrap: "flex-nowrap"
-    }
-  },
-  defaultVariants: {
-    spacing: "md",
-    orientation: "horizontal",
-    wrap: "nowrap"
-  }
-}), g = c.forwardRef(
-  ({ className: n, spacing: o, orientation: r, wrap: p, tags: i, asChild: t = !1, ...m }, l) => /* @__PURE__ */ e(
-    t ? f : "div",
-    {
-      ref: l,
-      className: v(w({ spacing: o, orientation: r, wrap: p }), n),
-      "data-component": "tag-group",
-      "data-spacing": o ?? "md",
-      "data-orientation": r ?? "horizontal",
-      ...m,
-      children: i.map((a, s) => /* @__PURE__ */ e(
-        h,
-        {
-          variant: a.variant,
-          size: a.size,
-          shape: a.shape,
-          leftIcon: a.leftIcon,
-          rightIcon: a.rightIcon,
-          removable: a.removable,
-          onRemove: a.onRemove,
-          className: a.className,
-          children: a.label
-        },
-        s
-      ))
-    }
-  )
-);
-g.displayName = "TagGroup";
-export {
-  g as TagGroup,
-  w as tagGroupVariants
-};

package/dist/components/ui/tag.d.ts

@@ -1,19 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const tagVariants: (props?: {
-    variant?: "secondary" | "tertiary" | "default" | "destructive" | "outline" | "ghost" | "info" | "warning" | "success" | "choice";
-    size?: "sm" | "md" | "lg";
-    shape?: "rounded" | "pill";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {
-    shape?: "pill" | "rounded";
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    removable?: boolean;
-    onRemove?: () => void;
-    asChild?: boolean;
-    /** Render a native `<button>` instead of `<span>` for interactive tags. */
-    asButton?: boolean;
-}
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
-export { Tag, tagVariants };

package/dist/components/ui/tag.js

@@ -1,104 +0,0 @@
-import { jsxs as x, Fragment as y, jsx as e } from "react/jsx-runtime";
-import * as w from "react";
-import { Slot as N } from "@radix-ui/react-slot";
-import { cva as k } from "class-variance-authority";
-import { Cross as j } from "impact-nova-icons";
-import { Button as z } from "./button.js";
-import { cn as C } from "../../lib/utils.js";
-import { useImpactNovaI18n as R } from "../../i18n/ImpactNovaI18nContext.js";
-const T = k(
-  "inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-brand text-brand-foreground hover:bg-brand/90",
-        secondary: "bg-accent text-content hover:bg-brand-tint-hover",
-        outline: "border border-stroke-accent bg-canvas-elevated text-content-tertiary hover:bg-canvas-muted",
-        tertiary: "bg-secondary text-content hover:bg-muted",
-        ghost: "bg-transparent text-content-tertiary hover:bg-muted",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
-        success: "bg-feedback-success-surface text-success hover:bg-success/15 border border-success-border",
-        warning: "bg-feedback-warning-surface text-content hover:bg-warning/15 border border-warning-border",
-        info: "bg-brand-tint text-brand hover:bg-brand-tint-hover border border-stroke-accent",
-        choice: "bg-content/[0.08] text-content-tertiary border border-stroke-accent hover:bg-canvas-elevated hover:shadow-elevation-floating"
-      },
-      size: {
-        sm: "h-[22px] px-2 text-[12px] leading-[15px]",
-        md: "h-[24px] px-2.5 text-[14px] leading-[20px]",
-        lg: "h-[32px] px-3 text-[14px] font-medium leading-[18px]"
-      },
-      shape: {
-        pill: "rounded-full",
-        rounded: "rounded-md"
-        // 8px
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "pill"
-    }
-  }
-), V = w.forwardRef(
-  ({ className: g, variant: s, size: c, shape: i, leftIcon: d, rightIcon: l, removable: u, onRemove: b, asChild: m = !1, asButton: f = !1, children: p, ...t }, r) => {
-    const { t: h } = R(), n = C(T({ variant: s, size: c, shape: i }), g), a = {
-      "data-component": "tag",
-      "data-variant": s ?? "default",
-      "data-size": c ?? "md",
-      "data-shape": i ?? "pill"
-    }, o = /* @__PURE__ */ x(y, { children: [
-      d && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: d }),
-      p,
-      l && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: l }),
-      u && /* @__PURE__ */ e(
-        z,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          "aria-label": h("aria.remove"),
-          onClick: (v) => {
-            v.stopPropagation(), b?.();
-          },
-          className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-content/10 transition-colors p-0 [&_svg]:size-3",
-          "data-component": "tag-remove",
-          children: /* @__PURE__ */ e(j, { className: "!h-2.5 !w-2.5" })
-        }
-      )
-    ] });
-    return m ? /* @__PURE__ */ e(
-      N,
-      {
-        ref: r,
-        className: n,
-        ...a,
-        ...t,
-        children: o
-      }
-    ) : f ? /* @__PURE__ */ e(
-      "button",
-      {
-        ref: r,
-        type: "button",
-        className: n,
-        ...a,
-        ...t,
-        children: o
-      }
-    ) : /* @__PURE__ */ e(
-      "span",
-      {
-        ref: r,
-        className: n,
-        ...a,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
-V.displayName = "Tag";
-export {
-  V as Tag,
-  T as tagVariants
-};

package/dist/components/ui/textarea.d.ts

@@ -1,19 +0,0 @@
-import { HelperTextPosition } from './types/helper-text.types';
-import * as React from "react";
-export interface TextareaProps {
-    className?: string;
-    label?: string;
-    value?: string;
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    helperText?: React.ReactNode;
-    helperTextPosition?: HelperTextPosition;
-    characterLimit?: number;
-    isRequired?: boolean;
-    isError?: boolean;
-    isDisabled?: boolean;
-    size?: "default" | "sm" | "md" | "lg";
-    defaultValue?: string;
-    placeholder?: string;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea };

package/dist/components/ui/textarea.js

@@ -1,165 +0,0 @@
-import { jsxs as e, jsx as t, Fragment as y } from "react/jsx-runtime";
-import * as m from "react";
-import { cva as z } from "class-variance-authority";
-import { Info as x } from "impact-nova-icons";
-import { cn as a } from "../../lib/utils.js";
-const C = z(
-  "flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-  {
-    variants: {
-      isError: {
-        true: "border-destructive hover:border-destructive",
-        false: ""
-      },
-      size: {
-        default: "min-h-20",
-        sm: "min-h-14",
-        md: "min-h-[72px]",
-        lg: "min-h-32"
-      },
-      isDisabled: {
-        true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground placeholder:text-disabled-foreground hover:border-stroke",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      isError: !1
-    }
-  }
-), V = m.forwardRef(
-  ({
-    className: b,
-    label: u,
-    helperText: d,
-    helperTextPosition: n = "absolute",
-    characterLimit: o,
-    isRequired: g,
-    isError: l,
-    size: p,
-    isDisabled: s,
-    value: r,
-    onChange: v,
-    ...i
-  }, h) => {
-    const [w, c] = m.useState(0);
-    m.useEffect(() => {
-      r ? c(String(r).length) : i.defaultValue && c(String(i.defaultValue).length);
-    }, [r, i.defaultValue]);
-    const N = (f) => {
-      c(f.target.value.length), v?.(f);
-    };
-    return /* @__PURE__ */ e("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-[6px]", children: [
-        u && /* @__PURE__ */ e(
-          "label",
-          {
-            className: a(
-              "text-xs font-medium leading-[18px] text-content-tertiary",
-              s && "opacity-70"
-            ),
-            children: [
-              u,
-              " ",
-              g && /* @__PURE__ */ t("span", { className: "text-destructive", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: a(
-              d && n === "absolute" && "relative"
-            ),
-            children: [
-              /* @__PURE__ */ t(
-                "textarea",
-                {
-                  className: a(
-                    C({ isError: l, size: p, isDisabled: s, className: b }),
-                    "bg-canvas",
-                    s && "bg-disabled-surface"
-                  ),
-                  ref: h,
-                  disabled: !!s,
-                  value: r,
-                  onChange: N,
-                  "data-component": "textarea",
-                  ...i
-                }
-              ),
-              d && n === "absolute" && /* @__PURE__ */ e(
-                "div",
-                {
-                  className: a(
-                    "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px] text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    l && "text-destructive"
-                  ),
-                  children: [
-                    /* @__PURE__ */ t(
-                      x,
-                      {
-                        size: "xs",
-                        className: a(
-                          "shrink-0",
-                          l ? "text-destructive" : "text-content-muted"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ t("p", { className: "min-w-0", children: d })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      (d && n === "flow" || o) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: a(
-              "flex min-w-0 flex-1 items-center gap-[6px]",
-              l && "text-destructive"
-            ),
-            children: d && n === "flow" && /* @__PURE__ */ e(y, { children: [
-              /* @__PURE__ */ t(
-                x,
-                {
-                  size: "xs",
-                  color: l ? "destructive" : "muted"
-                }
-              ),
-              /* @__PURE__ */ t(
-                "p",
-                {
-                  className: a(
-                    "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    l && "text-destructive"
-                  ),
-                  children: d
-                }
-              )
-            ] })
-          }
-        ),
-        o && /* @__PURE__ */ e(
-          "div",
-          {
-            className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
-            "data-component": "character-count-indicator",
-            children: [
-              w,
-              "/",
-              o
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-V.displayName = "Textarea";
-export {
-  V as Textarea
-};

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

@@ -1,17 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & {
-    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-} & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive" | "basic" | "unstyled" | "basic-success" | "basic-info" | "basic-warning" | "basic-error";
-} & import('class-variance-authority/types').ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/components/ui/toast.js

@@ -1,117 +0,0 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import * as s from "react";
-import * as o from "@radix-ui/react-toast";
-import { cva as f } from "class-variance-authority";
-import { Cross as l } from "impact-nova-icons";
-import { cn as n } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as u, TooltipContent as m } from "./tooltip.js";
-import { useImpactNovaI18n as b } from "../../i18n/ImpactNovaI18nContext.js";
-const D = o.Provider, v = s.forwardRef(({ className: t, position: e = "top-right", ...r }, i) => /* @__PURE__ */ a(
-  o.Viewport,
-  {
-    ref: i,
-    className: n(
-      "z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
-      !t?.includes("static") && !t?.includes("absolute") && "fixed",
-      e.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
-      e.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
-      t
-    ),
-    ...r
-  }
-));
-v.displayName = o.Viewport.displayName;
-const g = f(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-canvas text-content",
-        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-        unstyled: "border-none bg-transparent p-0 shadow-none",
-        basic: "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-['']",
-        "basic-success": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-success after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
-        "basic-info": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-brand after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
-        "basic-warning": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-content bg-warning after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
-        "basic-error": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-destructive after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), x = s.forwardRef(({ className: t, variant: e, ...r }, i) => /* @__PURE__ */ a(
-  o.Root,
-  {
-    ref: i,
-    "data-component": "toast",
-    "data-variant": e ?? "default",
-    className: n(g({ variant: e }), t),
-    ...r
-  }
-));
-x.displayName = o.Root.displayName;
-const h = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  o.Action,
-  {
-    ref: r,
-    "data-component": "toast-action",
-    className: n(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive-hover group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      t
-    ),
-    ...e
-  }
-));
-h.displayName = o.Action.displayName;
-const w = s.forwardRef(({ className: t, ...e }, r) => {
-  const { t: i } = b(), d = i("aria.close");
-  return /* @__PURE__ */ c(p, { children: [
-    /* @__PURE__ */ a(u, { asChild: !0, children: /* @__PURE__ */ a(
-      o.Close,
-      {
-        ref: r,
-        "data-component": "toast-close",
-        className: n(
-          "absolute right-1 top-1 rounded-md p-1 text-content/50 opacity-0 transition-opacity hover:text-content focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive",
-          t
-        ),
-        "toast-close": "",
-        "aria-label": d,
-        ...e,
-        children: /* @__PURE__ */ a(l, { className: "!h-3 !w-3" })
-      }
-    ) }),
-    /* @__PURE__ */ a(m, { variant: "tertiary", side: "top", children: d })
-  ] });
-});
-w.displayName = o.Close.displayName;
-const y = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  o.Title,
-  {
-    ref: r,
-    "data-component": "toast-title",
-    className: n("text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal", t),
-    ...e
-  }
-));
-y.displayName = o.Title.displayName;
-const N = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  o.Description,
-  {
-    ref: r,
-    "data-component": "toast-description",
-    className: n("text-sm opacity-90 group-[.basic]:text-center", t),
-    ...e
-  }
-));
-N.displayName = o.Description.displayName;
-export {
-  x as Toast,
-  h as ToastAction,
-  w as ToastClose,
-  N as ToastDescription,
-  D as ToastProvider,
-  y as ToastTitle,
-  v as ToastViewport
-};