{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toast",
  "type": "registry:block",
  "title": "Toast",
  "description": "Transient notifications for status, warnings, errors, and actions.",
  "author": "Wensity <hey@wensity.com>",
  "dependencies": [
    "@base-ui/react",
    "@tabler/icons-react",
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/wensity/lib/utils.ts",
      "type": "registry:lib",
      "target": "@lib/utils.ts",
      "content": "import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"
    },
    {
      "path": "registry/wensity/toast.tsx",
      "type": "registry:component",
      "target": "@components/wensity/toast.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconCircleX,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ToastVariant = \"info\" | \"success\" | \"warning\" | \"error\" | \"action\";\nexport type ToastPlacement =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  variant?: ToastVariant;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nexport interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof BaseToast.Viewport> {\n  placement?: ToastPlacement;\n}\n\nexport type ToastProviderProps = React.ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\nexport type ToastData = {\n  variant?: ToastVariant;\n};\n\nconst variantStyles: Record<\n  ToastVariant,\n  {\n    root: string;\n    icon: string;\n    iconNode: React.ReactNode;\n  }\n> = {\n  info: {\n    root: cn(\n      \"border-[var(--primitive-info-border)]\",\n      \"bg-[var(--primitive-info-surface)]\",\n      \"text-[var(--foreground)]\",\n    ),\n    icon: \"text-[var(--primitive-info)]\",\n    iconNode: <IconInfoCircle stroke={1.9} />,\n  },\n  success: {\n    root: cn(\n      \"border-[var(--primitive-success-border)]\",\n      \"bg-[var(--primitive-success-surface)]\",\n      \"text-[var(--foreground)]\",\n    ),\n    icon: \"text-[var(--primitive-success)]\",\n    iconNode: <IconCheck stroke={2.1} />,\n  },\n  warning: {\n    root: cn(\n      \"border-[var(--primitive-warning-border)]\",\n      \"bg-[var(--primitive-warning-surface)]\",\n      \"text-[var(--foreground)]\",\n    ),\n    icon: \"text-[var(--primitive-warning)]\",\n    iconNode: <IconAlertTriangle stroke={1.9} />,\n  },\n  error: {\n    root: cn(\n      \"border-[var(--primitive-destructive-border)]\",\n      \"bg-[var(--primitive-destructive-surface)]\",\n      \"text-[var(--foreground)]\",\n    ),\n    icon: \"text-[var(--primitive-destructive)]\",\n    iconNode: <IconCircleX stroke={1.9} />,\n  },\n  action: {\n    root: cn(\n      \"border-[var(--primitive-border-subtle)]\",\n      \"bg-[var(--primitive-surface-elevated)]\",\n      \"text-[var(--foreground)]\",\n    ),\n    icon: \"text-[var(--primitive-text-secondary)]\",\n    iconNode: <IconInfoCircle stroke={1.9} />,\n  },\n};\n\nconst placementClasses: Record<ToastPlacement, string> = {\n  \"top-left\": \"top-4 left-4 items-start\",\n  \"top-right\": \"top-4 right-4 items-end\",\n  \"bottom-left\": \"bottom-4 left-4 items-start\",\n  \"bottom-right\": \"right-4 bottom-4 items-end\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2 items-center\",\n};\n\nconst toastMotionClass = cn(\n  \"transition-[opacity,transform] duration-[320ms] ease-[var(--primitive-ease,cubic-bezier(0.22,1,0.36,1))]\",\n  \"data-[ending-style]:duration-[200ms]\",\n  \"data-[starting-style]:opacity-0 data-[ending-style]:opacity-0\",\n  \"data-[starting-style]:-translate-y-2 data-[ending-style]:-translate-y-1\",\n  \"data-[swipe-direction=up][data-ending-style]:-translate-y-[150%]\",\n  \"data-[swipe-direction=down][data-ending-style]:translate-y-[150%]\",\n  \"data-[swipe-direction=left][data-ending-style]:-translate-x-[150%]\",\n  \"data-[swipe-direction=right][data-ending-style]:translate-x-[150%]\",\n  \"motion-reduce:transition-none motion-reduce:data-[starting-style]:translate-y-0 motion-reduce:data-[ending-style]:translate-y-0\",\n);\n\nfunction toastRole(variant: ToastVariant): \"alert\" | \"status\" {\n  return variant === \"error\" || variant === \"warning\" ? \"alert\" : \"status\";\n}\n\n/** Local Base UI provider — open-code, not a Wensity runtime dependency. */\nexport function ToastProvider({ children, timeout = 5000, limit = 3, ...props }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider timeout={timeout} limit={limit} {...props}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\nToastProvider.displayName = \"ToastProvider\";\n\nexport const useToastManager = BaseToast.useToastManager;\nexport const createToastManager = BaseToast.createToastManager;\n\n/**\n * Presentational toast surface (status tokens). Use inside Base UI Root or\n * standalone for static demos; prefer ToastList + useToastManager for queues.\n */\nexport const Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n  (\n    {\n      className,\n      variant = \"info\",\n      title,\n      description,\n      icon,\n      action,\n      onDismiss,\n      dismissLabel = \"Dismiss notification\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const styles = variantStyles[variant];\n\n    return (\n      <div data-wensity-primitive=\"\"\n        ref={ref}\n        role={toastRole(variant)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        className={cn(\n          \"relative isolate flex w-full max-w-sm gap-3 overflow-hidden rounded-[var(--primitive-radius-surface)] border\",\n          \"px-3.5 py-3 [box-shadow:var(--primitive-shadow-overlay)]\",\n          // Solid surfaces — never translucent/glass (stacked toasts must not bleed through)\n          \"backdrop-blur-none\",\n          styles.root,\n          className,\n        )}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"mt-0.5 flex size-5 shrink-0 items-center justify-center opacity-95 [&_svg]:size-[18px]\",\n            styles.icon,\n          )}\n        >\n          {icon ?? styles.iconNode}\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"space-y-1\">\n            {title ? (\n              <div className=\"font-[family-name:var(--primitive-font-display)] text-[13px] font-semibold leading-5 tracking-[-0.01em] text-[var(--foreground)]\">\n                {title}\n              </div>\n            ) : null}\n            {description ? (\n              <div className=\"text-[12.5px] leading-5 text-[var(--primitive-text-secondary)]\">\n                {description}\n              </div>\n            ) : null}\n            {children}\n          </div>\n        </div>\n        {action ? <div className=\"ml-2 flex shrink-0 items-center self-center\">{action}</div> : null}\n        {onDismiss ? (\n          <button\n            type=\"button\"\n            aria-label={dismissLabel}\n            onClick={onDismiss}\n            className={cn(\n              \"-mr-1 flex size-7 shrink-0 items-center justify-center rounded-[var(--primitive-radius-control-sm)]\",\n              \"text-[var(--primitive-text-secondary)]\",\n              \"transition-[background,color] duration-150 ease-[var(--primitive-ease,cubic-bezier(0.22,1,0.36,1))]\",\n              \"hover:bg-[var(--primitive-surface-hover)] hover:text-[var(--foreground)]\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primitive-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background)]\",\n            )}\n          >\n            <IconX aria-hidden=\"true\" className=\"size-4\" stroke={1.9} />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\nToast.displayName = \"Toast\";\n\nexport const ToastViewport = React.forwardRef<HTMLDivElement, ToastViewportProps>(\n  ({ className, placement = \"top-right\", ...props }, ref) => (\n    <BaseToast.Portal>\n      <BaseToast.Viewport data-wensity-primitive=\"\"\n        ref={ref}\n        data-slot=\"toast-viewport\"\n        className={cn(\n          \"pointer-events-none fixed z-[var(--primitive-z-toast)] flex w-[min(calc(100vw-2rem),24rem)] flex-col gap-2 outline-none\",\n          placementClasses[placement],\n          \"[&_[data-slot=toast]]:pointer-events-auto\",\n          className,\n        )}\n        {...props}\n      />\n    </BaseToast.Portal>\n  ),\n);\nToastViewport.displayName = \"ToastViewport\";\n\nexport interface ToastListProps {\n  placement?: ToastPlacement;\n  className?: string;\n}\n\n/** Renders the live Base UI toast queue with Wensity status styling. */\nexport function ToastList({ placement = \"top-right\", className }: ToastListProps) {\n  const { toasts } = useToastManager<ToastData>();\n\n  return (\n    <ToastViewport placement={placement} className={className}>\n      {toasts.map((toast) => {\n        const variant = (toast.data?.variant ?? toast.type ?? \"info\") as ToastVariant;\n        const styles = variantStyles[variant] ?? variantStyles.info;\n\n        return (\n          <BaseToast.Root data-wensity-primitive=\"\"\n            key={toast.id}\n            toast={toast}\n            swipeDirection={placement.startsWith(\"bottom\") ? \"down\" : \"up\"}\n            data-slot=\"toast\"\n            data-variant={variant}\n            className={cn(\n              \"relative isolate flex w-full max-w-sm gap-3 overflow-hidden rounded-[var(--primitive-radius-surface)] border\",\n              \"px-3.5 py-3 [box-shadow:var(--primitive-shadow-overlay)]\",\n              \"backdrop-blur-none\",\n              \"z-[calc(var(--primitive-z-toast)-var(--toast-index,0))]\",\n              styles.root,\n              toastMotionClass,\n              \"data-[limited]:opacity-0\",\n            )}\n          >\n            <BaseToast.Content className=\"flex w-full gap-3\">\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  \"mt-0.5 flex size-5 shrink-0 items-center justify-center opacity-95 [&_svg]:size-[18px]\",\n                  styles.icon,\n                )}\n              >\n                {styles.iconNode}\n              </span>\n              <div className=\"min-w-0 flex-1 space-y-1\">\n                {toast.title ? (\n                  <BaseToast.Title className=\"font-[family-name:var(--primitive-font-display)] text-[13px] font-semibold leading-5 tracking-[-0.01em] text-[var(--foreground)]\">\n                    {toast.title}\n                  </BaseToast.Title>\n                ) : null}\n                {toast.description ? (\n                  <BaseToast.Description className=\"text-[12.5px] leading-5 text-[var(--primitive-text-secondary)]\">\n                    {toast.description}\n                  </BaseToast.Description>\n                ) : null}\n              </div>\n              {toast.actionProps ? (\n                <BaseToast.Action\n                  {...toast.actionProps}\n                  className={cn(\n                    \"ml-2 shrink-0 self-center rounded-[var(--primitive-radius-control-sm)] px-2.5 py-1.5 text-xs font-medium\",\n                    \"bg-[var(--primitive-control-solid)] text-[var(--primitive-control-solid-foreground)]\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primitive-ring)]\",\n                    toast.actionProps.className,\n                  )}\n                />\n              ) : null}\n              <BaseToast.Close\n                aria-label=\"Dismiss notification\"\n                className={cn(\n                  \"-mr-1 flex size-7 shrink-0 items-center justify-center rounded-[var(--primitive-radius-control-sm)]\",\n                  \"text-[var(--primitive-text-secondary)]\",\n                  \"hover:bg-[var(--primitive-surface-hover)] hover:text-[var(--foreground)]\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primitive-ring)]\",\n                )}\n              >\n                <IconX aria-hidden=\"true\" className=\"size-4\" stroke={1.9} />\n              </BaseToast.Close>\n            </BaseToast.Content>\n          </BaseToast.Root>\n        );\n      })}\n    </ToastViewport>\n  );\n}\nToastList.displayName = \"ToastList\";\n"
    }
  ],
  "cssVars": {
    "theme": {
      "font-sans": "var(--font-satoshi, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif)",
      "font-display": "var(--font-satoshi, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif)",
      "font-heading": "var(--font-cabinet, ui-sans-serif, system-ui, sans-serif)",
      "color-background": "var(--background)",
      "color-foreground": "var(--foreground)",
      "color-surface": "var(--surface)",
      "color-surface-muted": "var(--surface-muted)",
      "color-border": "var(--border)",
      "color-border-strong": "var(--border-strong)",
      "color-muted": "var(--muted)",
      "color-muted-foreground": "var(--muted-foreground)",
      "color-ring": "var(--ring)",
      "color-chili-50": "#fff1ee",
      "color-chili-100": "#ffe2db",
      "color-chili-200": "#ffa896",
      "color-chili-300": "#ff8a73",
      "color-chili-400": "#f15a45",
      "color-chili-500": "#cd1c18",
      "color-chili-600": "#b31614",
      "color-chili-700": "#9b1313",
      "color-chili-800": "#6a0d0e",
      "color-chili-900": "#38000a",
      "color-chili-950": "#1f0006",
      "color-primitive-surface-elevated": "var(--primitive-surface-elevated)",
      "color-primitive-surface-overlay": "var(--primitive-surface-overlay)",
      "color-primitive-surface-hover": "var(--primitive-surface-hover)",
      "color-primitive-surface-active": "var(--primitive-surface-active)",
      "color-primitive-surface-selected": "var(--primitive-surface-selected)",
      "color-primitive-border-subtle": "var(--primitive-border-subtle)",
      "color-primitive-ring": "var(--primitive-ring)",
      "color-primitive-text-secondary": "var(--primitive-text-secondary)",
      "color-primitive-text-placeholder": "var(--primitive-text-placeholder)",
      "color-primitive-text-inverse": "var(--primitive-text-inverse)",
      "color-primitive-destructive": "var(--primitive-destructive)",
      "color-primitive-destructive-hover": "var(--primitive-destructive-hover)",
      "color-primitive-destructive-active": "var(--primitive-destructive-active)",
      "color-primitive-destructive-foreground": "var(--primitive-destructive-foreground)",
      "color-primitive-destructive-surface": "var(--primitive-destructive-surface)",
      "color-primitive-destructive-border": "var(--primitive-destructive-border)",
      "color-primitive-success": "var(--primitive-success)",
      "color-primitive-warning": "var(--primitive-warning)",
      "color-primitive-info": "var(--primitive-info)",
      "color-primitive-control-solid": "var(--primitive-control-solid)",
      "color-primitive-control-solid-hover": "var(--primitive-control-solid-hover)",
      "color-primitive-control-solid-active": "var(--primitive-control-solid-active)",
      "color-primitive-control-solid-foreground": "var(--primitive-control-solid-foreground)",
      "color-primitive-chart-1": "var(--primitive-chart-1)",
      "color-primitive-chart-2": "var(--primitive-chart-2)",
      "color-primitive-chart-3": "var(--primitive-chart-3)",
      "color-primitive-chart-4": "var(--primitive-chart-4)",
      "color-primitive-chart-5": "var(--primitive-chart-5)",
      "color-primitive-chart-6": "var(--primitive-chart-6)",
      "radius-primitive": "var(--primitive-radius)",
      "radius-primitive-control": "var(--primitive-radius-control)",
      "radius-primitive-control-sm": "var(--primitive-radius-control-sm)",
      "radius-primitive-surface": "var(--primitive-radius-surface)",
      "radius-primitive-item": "var(--primitive-radius-item)",
      "font-primitive-sans": "var(--primitive-font-sans)",
      "font-primitive-display": "var(--primitive-font-display)",
      "font-primitive-mono": "var(--primitive-font-mono)",
      "spacing-primitive-control-height-sm": "var(--primitive-control-height-sm)",
      "spacing-primitive-control-height-md": "var(--primitive-control-height-md)",
      "spacing-primitive-control-height-lg": "var(--primitive-control-height-lg)"
    },
    "light": {
      "background": "#fafafa",
      "foreground": "#0a0a0a",
      "surface": "#ffffff",
      "surface-muted": "#f4f4f5",
      "border": "rgba(10, 10, 10, 0.08)",
      "border-strong": "rgba(10, 10, 10, 0.16)",
      "muted": "#f4f4f5",
      "muted-foreground": "#52525b",
      "ring": "#cd1c18",
      "pattern-fg": "rgba(10, 10, 10, 0.07)",
      "llb-primary": "#18181b",
      "llb-primary-fg": "#ffffff",
      "llb-success": "#1f883d",
      "llb-error": "#cf222e",
      "primitive-surface-elevated": "#ffffff",
      "primitive-surface-overlay": "#ffffff",
      "primitive-surface-hover": "color-mix(in srgb, var(--foreground) 4%, transparent)",
      "primitive-surface-active": "color-mix(in srgb, var(--foreground) 7%, transparent)",
      "primitive-surface-selected": "color-mix(in srgb, var(--foreground) 6%, transparent)",
      "primitive-border-subtle": "color-mix(in srgb, var(--border) 60%, transparent)",
      "primitive-ring": "color-mix(in srgb, var(--foreground) 45%, transparent)",
      "primitive-text-secondary": "color-mix(in srgb, var(--foreground) 72%, transparent)",
      "primitive-text-placeholder": "color-mix(in srgb, var(--muted-foreground) 85%, transparent)",
      "primitive-radius": "0.875rem",
      "primitive-font-sans": "var(--font-sans)",
      "primitive-font-display": "var(--font-display)",
      "primitive-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
      "primitive-control-solid": "#24292d",
      "primitive-control-solid-hover": "#2c3237",
      "primitive-control-solid-active": "#1e2326",
      "primitive-control-solid-foreground": "#ffffff",
      "primitive-chart-1": "#2a78d6",
      "primitive-chart-2": "#1baf7a",
      "primitive-chart-3": "#eda100",
      "primitive-chart-4": "#008300",
      "primitive-chart-5": "#4a3aa7",
      "primitive-chart-6": "#e34948",
      "primitive-text-inverse": "#ffffff",
      "primitive-text-hint": "0.6875rem",
      "primitive-destructive": "#dc2626",
      "primitive-destructive-hover": "#b91c1c",
      "primitive-destructive-active": "#991b1b",
      "primitive-destructive-foreground": "#ffffff",
      "primitive-destructive-surface": "rgba(220, 38, 38, 0.10)",
      "primitive-destructive-border": "rgba(220, 38, 38, 0.45)",
      "primitive-success": "#047857",
      "primitive-success-surface": "rgba(4, 120, 87, 0.10)",
      "primitive-success-border": "rgba(4, 120, 87, 0.45)",
      "primitive-warning": "#b45309",
      "primitive-warning-surface": "rgba(180, 83, 9, 0.10)",
      "primitive-warning-border": "rgba(180, 83, 9, 0.45)",
      "primitive-info": "#0369a1",
      "primitive-info-surface": "rgba(3, 105, 161, 0.10)",
      "primitive-info-border": "rgba(3, 105, 161, 0.45)",
      "primitive-radius-control": "var(--primitive-radius)",
      "primitive-radius-control-sm": "max(0px, calc(var(--primitive-radius) - 4px))",
      "primitive-radius-surface": "calc(var(--primitive-radius) + min(2px, var(--primitive-radius)))",
      "primitive-radius-item": "max(0px, calc(var(--primitive-radius-surface) - 6px))",
      "primitive-control-height-sm": "2rem",
      "primitive-control-height-md": "2.25rem",
      "primitive-control-height-lg": "2.5rem",
      "primitive-shadow-raised": "0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px -12px rgba(0, 0, 0, 0.08)",
      "primitive-shadow-overlay": "0 1px 2px rgba(0, 0, 0, 0.06), 0 18px 48px -24px rgba(0, 0, 0, 0.35)",
      "primitive-shadow-modal": "0 1px 2px rgba(0, 0, 0, 0.08), 0 24px 64px -28px rgba(0, 0, 0, 0.42)",
      "primitive-z-overlay": "100",
      "primitive-z-popover": "130",
      "primitive-z-toast": "140",
      "primitive-backdrop": "rgba(0, 0, 0, 0.6)",
      "primitive-ease": "cubic-bezier(0.23, 1, 0.32, 1)"
    },
    "dark": {
      "background": "#0a0a0b",
      "foreground": "#f5f5f6",
      "surface": "#111113",
      "surface-muted": "#18181b",
      "border": "rgba(255, 255, 255, 0.08)",
      "border-strong": "rgba(255, 255, 255, 0.14)",
      "muted": "#1c1c1f",
      "muted-foreground": "#a1a1aa",
      "ring": "#cd1c18",
      "pattern-fg": "rgba(255, 255, 255, 0.06)",
      "llb-primary": "#f5f5f6",
      "llb-primary-fg": "#0a0a0b",
      "llb-success": "#2da44e",
      "llb-error": "#f85149",
      "primitive-surface-elevated": "#0f0f10",
      "primitive-surface-overlay": "#141415",
      "primitive-surface-hover": "color-mix(in srgb, var(--foreground) 5%, transparent)",
      "primitive-surface-active": "color-mix(in srgb, var(--foreground) 10%, transparent)",
      "primitive-surface-selected": "color-mix(in srgb, var(--foreground) 8%, transparent)",
      "primitive-border-subtle": "color-mix(in srgb, var(--border) 60%, transparent)",
      "primitive-ring": "color-mix(in srgb, var(--foreground) 45%, transparent)",
      "primitive-text-secondary": "color-mix(in srgb, var(--foreground) 72%, transparent)",
      "primitive-text-placeholder": "color-mix(in srgb, var(--muted-foreground) 85%, transparent)",
      "primitive-radius": "0.875rem",
      "primitive-font-sans": "var(--font-sans)",
      "primitive-font-display": "var(--font-display)",
      "primitive-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
      "primitive-control-solid": "#f5f3ee",
      "primitive-control-solid-hover": "#ffffff",
      "primitive-control-solid-active": "#e8e4da",
      "primitive-control-solid-foreground": "#151719",
      "primitive-chart-1": "#3987e5",
      "primitive-chart-2": "#199e70",
      "primitive-chart-3": "#c98500",
      "primitive-chart-4": "#008300",
      "primitive-chart-5": "#9085e9",
      "primitive-chart-6": "#e66767",
      "primitive-text-inverse": "#151719",
      "primitive-text-hint": "0.6875rem",
      "primitive-destructive": "#e11d2e",
      "primitive-destructive-hover": "#c1121f",
      "primitive-destructive-active": "#a4161a",
      "primitive-destructive-foreground": "#ffffff",
      "primitive-destructive-surface": "rgba(225, 29, 46, 0.12)",
      "primitive-destructive-border": "rgba(225, 29, 46, 0.52)",
      "primitive-success": "#34d399",
      "primitive-success-surface": "rgba(52, 211, 153, 0.12)",
      "primitive-success-border": "rgba(52, 211, 153, 0.45)",
      "primitive-warning": "#fbbf24",
      "primitive-warning-surface": "rgba(251, 191, 36, 0.12)",
      "primitive-warning-border": "rgba(251, 191, 36, 0.45)",
      "primitive-info": "#38bdf8",
      "primitive-info-surface": "rgba(56, 189, 248, 0.12)",
      "primitive-info-border": "rgba(56, 189, 248, 0.45)",
      "primitive-radius-control": "var(--primitive-radius)",
      "primitive-radius-control-sm": "max(0px, calc(var(--primitive-radius) - 4px))",
      "primitive-radius-surface": "calc(var(--primitive-radius) + min(2px, var(--primitive-radius)))",
      "primitive-radius-item": "max(0px, calc(var(--primitive-radius-surface) - 6px))",
      "primitive-control-height-sm": "2rem",
      "primitive-control-height-md": "2.25rem",
      "primitive-control-height-lg": "2.5rem",
      "primitive-shadow-raised": "0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px -12px rgba(0, 0, 0, 0.6)",
      "primitive-shadow-overlay": "0 1px 2px rgba(0, 0, 0, 0.4), 0 20px 56px -28px rgba(0, 0, 0, 0.72)",
      "primitive-shadow-modal": "0 1px 2px rgba(0, 0, 0, 0.45), 0 28px 72px -32px rgba(0, 0, 0, 0.8)",
      "primitive-z-overlay": "100",
      "primitive-z-popover": "130",
      "primitive-z-toast": "140",
      "primitive-backdrop": "rgba(0, 0, 0, 0.6)",
      "primitive-ease": "cubic-bezier(0.23, 1, 0.32, 1)"
    }
  },
  "css": {
    "@layer base": {
      ":where([data-wensity-primitive])": {
        "font-family": "var(--primitive-font-sans)"
      }
    },
    "@utility scrollbar-hidden": {
      "scrollbar-width": "none",
      "-ms-overflow-style": "none",
      "&::-webkit-scrollbar": {
        "display": "none"
      }
    },
    "@keyframes wensity-marquee-x": {
      "from": {
        "transform": "translate3d(0, 0, 0)"
      },
      "to": {
        "transform": "translate3d(-50%, 0, 0)"
      }
    },
    "@keyframes wensity-marquee-x-reverse": {
      "from": {
        "transform": "translate3d(-50%, 0, 0)"
      },
      "to": {
        "transform": "translate3d(0, 0, 0)"
      }
    },
    "@keyframes wensity-morph-rot-cw": {
      "from": {
        "transform": "rotate(0deg)"
      },
      "to": {
        "transform": "rotate(360deg)"
      }
    },
    "@keyframes wensity-morph-rot-ccw": {
      "from": {
        "transform": "rotate(0deg)"
      },
      "to": {
        "transform": "rotate(-360deg)"
      }
    }
  },
  "docs": "Free Wensity component. Installs to @components/wensity/toast.tsx. For Pro components and updates, use pnpm dlx wensity@latest add toast.",
  "categories": [
    "UI Primitives",
    "wensity",
    "free"
  ],
  "meta": {
    "wensity": {
      "slug": "toast",
      "access": "free",
      "category": "UI Primitives",
      "kind": "component",
      "componentUrl": "https://ui.wensity.com/primitives/toast",
      "shadcnUrl": "https://ui.wensity.com/r/toast",
      "cliInstall": "pnpm dlx wensity@latest add toast"
    }
  }
}